Bootstrap 排版.pdfVIP

Bootstrap 排版 Bootstrap 排版 Bootstrap 使⽤ Helvetica Neue 、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。 使⽤ Bootstrap 的排版特性，您可以创建标题、段落、列表及其 内联元素。 标题 Bootstrap 中定义了所有的 HTML 标题 （h 1 到 h6 ）的样式。请看下⾯的实例： !DOCTYPE html html head titleBootstrap 实例 - 标题/title link href=/ ootstrap/css/ ootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/ ootstrap/js/ ootstrap.min.js/script /head ody h1我是标题1 h1/h1 h2我是标题2 h2/h2 h3我是标题3 h3/h3 h4我是标题4 h4/h4 h5我是标题5 h5/h5 h6我是标题6 h6/h6 / ody /html 尝试⼀下 » 结果如下所⽰： 内联⼦标题 如果需要向任何标题添加⼀个内联⼦标题，只需要简单地在元素两旁添加 small ， 或者添加 .small class ，这样⼦您就能得到⼀个字号更⼩的颜⾊更浅的⽂本，如下⾯实 例所⽰： !DOCTYPE html html head titleBootstrap 实例 - 内联⼦标题/title link href=/ ootstrap/css/ ootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/ ootstrap/js/ ootstrap.min.js/script /head ody h1我是标题1 h1. small我是副标题1 h1/small/h1 h2我是标题2 h2. small我是副标题2 h2/small/h2 h3我是标题3 h3. small我是副标题3 h3/small/h3 h4我是标题4 h4 . small我是副标题4 h4/small/h4 h5我是标题5 h5. small我是副标题5 h5/small/h5 h6我是标题6 h6. small我是副标题6 h6/small/h6 / ody /html 尝试⼀下 » 结果如下所⽰： 引导主体副本 为了给段落添加强调⽂本，则可以添加 class= lead ，这将得到更⼤更粗、⾏⾼更⾼的 ⽂本，如下⾯实例所⽰： !DOCTYPE html html head titleBootstrap 实例 - 引导主体副本/title link href=/ ootstrap/css/ ootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/ ootstrap/js/ ootstrap.min.js/script /head ody hr h2引导主体副本/h2 p class=lead这是⼀个演示引导主体副本⽤法的实例。这是⼀个演示引导主体副本 / ody /html 尝试⼀下 » 结果如下所⽰： 强调 HTML 的默认强调标签 small （设置⽂本为⽗⽂本⼤⼩的 85%）、strong （设置⽂ 本为更粗的⽂本）、em （设置⽂本为斜体）。 Bootstrap 提供了⼀些⽤于强调⽂本的类，如下⾯实例所⽰： !DOCTYPE html html head titleBootstrap 实例 - 强调/title link href=/ ootstrap/css/ ootstrap.min.css rel=stylesheet script src=/scripts/jquery .min.js/script script src=/ ootstrap/js/ ootstrap.min.js/script /head ody small本⾏内容是在标签内/small r strong