有 2 种标题
-
标题 -
副标题
赞助商
标题和副标题
简单的标题，为你的页面增加深度
标题
副标题
<h1 class="title">Title</h1>
<h2 class="subtitle">Subtitle</h2>尺寸 #
有 6 种尺寸 可用
标题 1
标题 2
标题 3（默认尺寸）
标题 4
标题 5
标题 6
<h1 class="title is-1">Title 1</h1>
<h2 class="title is-2">Title 2</h2>
<h3 class="title is-3">Title 3</h3>
<h4 class="title is-4">Title 4</h4>
<h5 class="title is-5">Title 5</h5>
<h6 class="title is-6">Title 6</h6>副标题 1
副标题 2
副标题 3
副标题 4
副标题 5（默认尺寸）
副标题 6
<h1 class="subtitle is-1">Subtitle 1</h1>
<h2 class="subtitle is-2">Subtitle 2</h2>
<h3 class="subtitle is-3">Subtitle 3</h3>
<h4 class="subtitle is-4">Subtitle 4</h4>
<h5 class="subtitle is-5">Subtitle 5</h5>
<h6 class="subtitle is-6">Subtitle 6</h6>当你 组合 标题和副标题时，它们会靠得更近。
根据经验，建议使用 两个 尺寸差。因此，如果你使用 title is-1，请将其与 subtitle is-3 结合使用。
标题 1
副标题 3
标题 2
副标题 4
标题 3
副标题 5
<p class="title is-1">Title 1</p>
<p class="subtitle is-3">Subtitle 3</p>
<p class="title is-2">Title 2</p>
<p class="subtitle is-4">Subtitle 4</p>
<p class="title is-3">Title 3</p>
<p class="subtitle is-5">Subtitle 5</p>
如果你在第一个元素上使用 is-spaced 修饰符，则可以保持标题和副标题之间的正常间距。
标题 1
副标题 3
标题 2
副标题 4
标题 3
副标题 5
<p class="title is-1 is-spaced">Title 1</p>
<p class="subtitle is-3">Subtitle 3</p>
<p class="title is-2 is-spaced">Title 2</p>
<p class="subtitle is-4">Subtitle 4</p>
<p class="title is-3 is-spaced">Title 3</p>
<p class="subtitle is-5">Subtitle 5</p>Sass 和 CSS 变量 #
|
Sass 变量
|
CSS 变量
|
值
|
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|