如何在Twitter Bootstrap中创建一个自定义宽度居中的容器?

时间:2013-04-23 07:59:55

标签: css twitter-bootstrap less margin

过去一天我一直在处理一个非常奇怪的问题,到目前为止我无法理解我哪里出错了。

首先,我要做的是使用Bootstrap创建单列固定容器布局,宽度为33em,并使用自动边距水平居中。

我想要实现的第二件事是使用span类和这个新的33em布局。

我该怎么做?我有点实现了第一个,但是自动边距不起作用(它们根据页面而不同)。

使用LESS和Bootstrap 2.3。

1 个答案:

答案 0 :(得分:2)

如果你想让你的div居中,再创建一个类;

wrap {
    position: absolute;
    display: block;
    width: 33em;
    height: 330px;
    margin-top: -165px;
    margin-left: -16.5em;
    left: 50%;
    top: 50%;
}

<div class="container wrap"></div>将会居中。