节(Section)

将页面内容分为多个节(sections)的简单容器, 例如您当前正在阅读的部分

Use sections as direct children of 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>

You can use the modifiers is-medium and is-large to change the spacing.


Variables #

You can use these variables to customize this layout. Simply set one or multiple of these variables before importing Bulma. Learn how.

名字 类型 默认值 计算值
名字 类型 默认值 计算值
$section-padding size 3rem 1.5rem
$section-padding-medium size 9rem 1.5rem
$section-padding-large size 18rem 1.5rem