部分（Section）

一个简单的容器可以将您的网页划分成几部分，就像您正在阅读的就是

section 组件是带有自适应内边距的简单布局元素。它们最好是做为 body 的直接子级。

示例

Section

A simple container to divide your page into sections, like the one you're currently reading.

HTML

<section class="section">
  <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>
</section>

型号 #

您可以使用修饰符 is-medium 和 is-large 修改间距。

示例

Medium section

A simple container to divide your page into sections, like the one you're currently reading.

HTML

<section class="section is-medium">
  <h1 class="title">Medium section</h1>
  <h2 class="subtitle">
    A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading.
  </h2>
</section>

示例

Large section

A simple container to divide your page into sections, like the one you're currently reading.

HTML

<section class="section is-large">
  <h1 class="title">Large section</h1>
  <h2 class="subtitle">
    A simple container to divide your page into <strong>sections</strong>, like the one you're currently reading.
  </h2>
</section>