Bootstrap 排版
Bootstrap 是一个流行的前端框架,用于快速开发响应式和移动设备优先的网页。它提供了一套丰富的排版工具,帮助开发者创建整洁、一致的用户界面。本文将详细介绍 Bootstrap 中的排版功能,包括标题、段落、列表、代码和其他文本元素的使用方法。
标题
Bootstrap 提供了六个级别的标题(h1
到 h6
),通过预定义的类,可以轻松地调整大小和样式。以下是一个标题示例:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落
在 Bootstrap 中,段落是默认样式的,只需使用 <p>
标签即可。Bootstrap 还提供了一些辅助类,用于改变文本的对齐方式和缩进。
<p>这是一个普通段落。</p>
<p class="text-left">左对齐文本。</p>
<p class="text-center">居中对齐文本。</p>
<p class="text-right">右对齐文本。</p>
<p class="text-justify">两端对齐文本。</p>
<p class="text-indent">首行缩进。&