css - 新的Bootstrap布局不在中心

我正在使用最近下载的引导程序为网站创建设计

我尝试使用row和span12布局使容器div不居中于屏幕。我正在使用58厘米LED显示器（它看起来不居中）。

DIV宽度显示1170px（Firebug），假定为940px。

请在这里检查我的设计http://rentbbsr.com/projects/daycare/

它应该像这样http://rentbbsr.com/projects/daycare/daycare.jpeg

我只希望标题固定并居中。

最佳答案

有很多原因。您的行上左边距为负：

@media (min-width: 1200px)
    .row {
        margin-left: -30px;
    }
}
.row {
    margin-left: -20px;
}

然后，在跨度上还有另一个边距：

@media (min-width: 1200px)
    [class*="span"] {
         float: left;
         min-height: 1px;
         margin-left: 30px;
}

class*="span"] {
       float: left;
       min-height: 1px;
       margin-left: 20px;
}

然后，您居中放置的容器比其中的内容要宽。当它变宽时，它使该元素居中，但它具有空白区域。如果将其设置为要居中的任何内容的宽度，例如树形图形或下面的菜单，则实际上将居中。

在这种情况下，我将其设置为顶部图形的宽度：

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 988px;
}

记住还要在媒体查询中进行设置。

因此，总而言之，您的包装器元素比内容要宽，并且您到处都有各种页边距，从而进一步调整了宽度。如果删除这些并设置正确的宽度，它将按预期居中。