Question

我正在尝试使用bootstrap设置div。

我的问题是我需要在div的左侧和右侧设置一个边距。通过使用col-md-10并没有得到我需要的余量。如果屏幕很宽，它超过10像素。

例如：

<div class="col-md-offset-1 col-md-10">
    //contents...
</div>

 -------------------------------------
|  ---------    div   --------------
|10px margin              10px margin
|  |                               |
|  |                               |
|   -------------------------------
 -------------------------------------

有没有人知道如何修复它？非常感谢！

Answer 1

如果我理解你希望每边的margin值始终为10px。您可以创建自定义类并使用calc()，试试这个：

<div class="col-md-offset-1 col-md-10 margin">
    //contents...
</div>

.margin {
   margin:0 10px;
   width:calc(100% - 20px);
}

选中 BootplyDemo

另一个选项可以是容器上的自定义类，并使用padding。尝试：

<div class="container margin">
    <div class="col-xs-12">
        //contents...
    </div>
</div>

.margin {
  width:100%;
  padding:0 10px;
}

另一个 BootplyDemo

Answer 2

您应该在主要内容div上使用container-fluid课程。

<div class="container-fluid">
  <!-- Contents --> 
</div>

这样做会创建一个全宽容器，右侧和左侧，顶部和底部都有一些填充，根据浏览器的宽度响应调整大小。

希望这有帮助！

如何设置保证金？

2 个答案: