下载

章节


一个简单的容器,将您的页面分成章节,就像您当前正在阅读的那样

section 组件是具有响应式填充的简单布局元素。它们最适合用作 body直接子元素。

示例

章节

一个简单的容器,将你的页面划分为部分,例如你当前正在阅读的部分。

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-mediumis-large 来改变间距

示例

中等部分

一个简单的容器,将你的页面划分为部分,例如你当前正在阅读的部分。

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>

示例

大部分

一个简单的容器,将你的页面划分为部分,例如你当前正在阅读的部分。

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>

如何支持 Bulma

#native_company# #native_desc#
#native_cta#