Twitter Bootstrap中心元素

时间:2014-04-09 19:05:03

标签: html css twitter-bootstrap

我正在寻找Twitter Bootstrap个示例,并且不了解所有元素in this example是如何居中的?使用什么标签或样式?

2 个答案:

答案 0 :(得分:2)

这是因为.container div使用自动边距居中。

.container {
    margin-right: auto;
    margin-left: auto;
}

此外.jumbotron还有

text-align: center;

属性使孩子“注册”按钮居中。

答案 1 :(得分:0)

查看bootstrap here

中的帮助程序类

中心内容块 设置要显示的元素:通过边距阻止和居中。可作为mixin和class。

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

    // Classes
    .center-block {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 // Usage as mixins
.element {
  .center-block();
}