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-mediumとis-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>