基于 Flexbox 的列(Columns)

简单方式构建自适应列

使用 Bulma 构建一个 列(columns)布局很简单:

  1. 添加一个列(columns)容器
  2. 添加您想要的多个列(column

不管有多少个列(column),每个列(column)都是等宽的。

First column

Second column

Third column

Fourth column

<div class="columns">
  <div class="column">
    First column
  </div>
  <div class="column">
    Second column
  </div>
  <div class="column">
    Third column
  </div>
  <div class="column">
    Fourth column
  </div>
</div>

Made with Bulma 此页面为开放源码页面。 发现排版问题?或者表达模糊?
在 GitHub 改进该页内容

#native_company# #native_desc#
#native_cta#

简讯 功能、版本、展柜……实时新闻滚动发布!