为块级元素应用表示对齐的类,让其中的行内级元素左对齐、或居中对齐、或右对齐,.text-left 表示左对齐,.text-center 表示居中对齐,.text-right 表示右对齐。如:


  1. <p class="text-left">Left aligned text.</p>
  2. <p class="text-center">Center aligned text.</p>
  3. <p class="text-right">Right aligned text.</p>

效果如图 3‑8所示:

图3-8 Bootstrap对齐方式

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。

更多推荐

Bootstrap 对齐方式