0

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

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

DIV 宽度显示 1170 像素（Firebug），假设为 940 像素。

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

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

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

4

1 回答 1

1

有很多原因。您在该行有负左边距：

@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;
}

记得在媒体查询中也设置它。

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

于 2013-05-16T23:04:51.737 回答