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

Get it now →

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


通过 Bulma 创建一个 响应式布局 是非常简单的:

  1. 增加一个 columns 作为容器
  2. 根据你的需要在其中添加更多的 column 元素

无论有多少列,他们的宽度将会 均分.

第一列

第二列

第三列

第四列

<div class="columns">
  <div class="column">
    第一列
  </div>
  <div class="column">
    第二列
  </div>
  <div class="column">
    第三列
  </div>
  <div class="column">
    第四列
  </div>
</div>

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

Bulma Partners

Check out their products!

Bulma Newsletter

Get notified when v1 is ready!