New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

列嵌套

通过一个简单方式创建 响应式的多列


你只要遵循以下结构,就可以在你的设计中灵活的嵌套

  • columns:顶层列
    • column
      • columns: 嵌套列
        • column 更多...

.is-multiline 所产生多行列的区别在于 HTML 代码显示的位置,缩小窗口后,所有蓝色列将显示在红色上方

第一列

第一个嵌套

第二个嵌套

第二列

50%

Auto

Auto

对于.is-multiline的多行列,每行间会产生间距

Made with Bulma
这是一个 开源项目. 错别字? Or 有疑问? 在GitHub上改进这个页面。

Bulma Partners

Check out their products!

Bulma Newsletter

Get notified when v1 is ready!