排版帮助器

更改文本的大小、粗细和其他字体属性

有7 种大小可供选择

你可以为每个视口宽度选择一个特定大小。你只需将视口宽度附加到大小修饰符即可。

例如，以下是 $size-1 的修饰符

类	移动设备最大 `768px`	平板电脑介于 `769px` 和 `1023px` 之间	台式机介于 `1024px` 和 `1215px` 之间	宽屏介于 `1216px` 和 `1407px` 之间	全高清 `1408px` 及以上
`is-size-1-mobile`		不变	不变	不变	不变
`is-size-1-touch`			不变	不变	不变
`is-size-1-tablet`	不变
`is-size-1-desktop`	不变	不变
`is-size-1-widescreen`	不变	不变	不变
`is-size-1-fullhd`	不变	不变	不变	不变

你可以对7 种大小中的每一种使用相同的逻辑。

你可以使用4 个对齐辅助工具中的一个来对齐文本

你可以针对每个视口宽度对文本进行不同的对齐。只需将视口宽度附加到对齐修饰符即可。

例如，以下是 has-text-left 的修饰符

类	移动设备最大 `768px`	平板电脑介于 `769px` 和 `1023px` 之间	台式机介于 `1024px` 和 `1215px` 之间	宽屏介于 `1216px` 和 `1407px` 之间	全高清 `1408px` 及以上
`has-text-left-mobile`	左对齐	不变	不变	不变	不变
`has-text-left-touch`	左对齐	左对齐	不变	不变	不变
`has-text-left-tablet-only`	不变	左对齐	不变	不变	不变
`has-text-left-tablet`	不变	左对齐	左对齐	左对齐	左对齐
`has-text-left-desktop-only`	不变	不变	左对齐	不变	不变
`has-text-left-desktop`	不变	不变	左对齐	左对齐	左对齐
`has-text-left-widescreen-only`	不变	不变	不变	左对齐	不变
`has-text-left-widescreen`	不变	不变	不变	左对齐	左对齐
`has-text-left-fullhd`	不变	不变	不变	不变	左对齐

你可以对4 种对齐中的每一种使用相同的逻辑。

你可以使用4 个文本转换辅助工具中的一个来转换文本

你可以使用 5 个文字粗细辅助函数之一来转换文字粗细

你可以使用 5 个字体系列辅助函数之一来更改字体系列