Bootstrap让内容块居中

让内容块居中

为元素添加 .center-block 类，可以让内容块居中显示。如：

1. <div class="center-block">...</div>

.center-block 类是通过设置display: block和margin属性让内容块居中显示。并且，.center-block 类还可以作为 mixin 使用。如：

1. // 类定义
2. .center-block {
3.   display: block;
4.   margin-left: auto;
5.   margin-right: auto;
6. }
7.  
8. // 作为 mixin 使用
9. .element {
10.   .center-block();
11. }

关于作者

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