我正在使用容器div
具有的 Twitter Bootstrap 固定布局:
margin-left: auto;
margin-right: auto;
所以它总是停留在中心。
我想要做的是定位容器,使左侧浏览器窗口边框和容器之间有 100px 的间隙。当窗口变小时,我希望容器移动到窗口的边框。
我怎样才能做到这一点?
我正在使用容器div
具有的 Twitter Bootstrap 固定布局:
margin-left: auto;
margin-right: auto;
所以它总是停留在中心。
我想要做的是定位容器,使左侧浏览器窗口边框和容器之间有 100px 的间隙。当窗口变小时,我希望容器移动到窗口的边框。
我怎样才能做到这一点?
更改容器边距的另一种方法是container-fluid
在大屏幕上仅使用 12 列中的 8 列(或 10 列)...
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
.. page layout here
</div>
</div>
</div>
覆盖 twitter 引导 css 文件.container
以margin-left: 100px
解决将其定位得更近的问题。
至于当窗口变小时将其移近,我不知道如何使用 css 来完成,以便最大值为 100px。但是如果没有最大值,它是可行的,margin-left: x%
其中 x 是您认为合适的数字。这样,当浏览器窗口大小发生变化时,左边距也会发生变化。
希望这有帮助。
好的,这就是我所做的:
.container {
padding-left: 10px;
padding-right: 250px;
}
并没有给出我想要的结果,但非常接近。我的第一个 span 3 是侧边栏,最后一个 span9 是主要内容区域。主要内容区域现在始终居中,旁边的侧边栏与窗口边框的最小间隙为 10 像素。