Bootstrap 3 之 Bootstrap 排版

Bootstrap 提供了一套强大的排版样式,可以帮助我们快速地创建出美观的网页排版。在本章节中,我们将介绍 Bootstrap 中常用的排版样式和相关的类。

字体样式

Bootstrap 提供了一些字体样式,可以帮助我们控制文本的大小、颜色和样式。以下是一些常用的字体样式类:

  • .h1 - .h6:用于设置标题的大小
  • .lead:用于设置段落的领先(leading)样式
  • .small:用于设置文本的小号样式
  • .text-muted:用于设置文本的灰色样式
  • .text-primary.text-success.text-info.text-warning.text-danger:用于设置文本的颜色样式

示例代码:

--- ----------------------
-- -------------------------
-- --------------------------
-- -------------------------------
-- ---------------------------------
-- ---------------------------------
-- ------------------------------
-- ---------------------------------
-- --------------------------------

对齐样式

Bootstrap 还提供了一些对齐样式,可以帮助我们控制文本的对齐方式。以下是一些常用的对齐样式类:

  • .text-left:左对齐
  • .text-center:居中对齐
  • .text-right:右对齐
  • .text-justify:两端对齐
  • .text-nowrap:不换行

示例代码:

-- ---------------------------
-- ------------------------------
-- ----------------------------
-- -------------------------------
-- ------------------------------------------------------

通过使用以上的字体样式和对齐样式,我们可以轻松地控制文本的外观和布局,使页面看起来更加美观和清晰。在实际项目中,可以根据需要灵活运用这些样式来达到设计的要求。


上一篇:Bootstrap 网格系统
下一篇:Bootstrap 代码