节(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.

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