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

Get it now →

部分

一个简单的容器,将你的页面分成不同的 部分,就像你正在阅读的部分一样。


使用 .section 作为 body 的直接子元素。
<body>
  <section class="section">
    <div class="container">
      <h1 class="title">Section</h1>
      <h2 class="subtitle">
        A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading
      </h2>
    </div>
  </section>
</body>

你可以使用 is-mediumis-large 修饰符来修改间距。


Variables | 变量 #

你可以使用 这些变量自定义 这些 layout。只需要在导入 Bulma 之前设置这些变量 学习如何开始.

Name Default value
Name Default value
$section-padding 3rem 1.5rem
$section-padding-medium 9rem 1.5rem
$section-padding-large 18rem 1.5rem

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

Bulma Partners

Check out their products!

Bulma Newsletter

Get notified when v1 is ready!