Bootstrap的Container两边会有15px的间隙, 怎么填充满呢?

Question

我写了一个网页, 里面有标题, 轮播图片组件, 文字描述, 页脚.
现在我想用一个Container把他们都放在里面, 但是发现在最外层加上Container之后, 里面所有的东西. 两边都留了15px的空隙...
我设置了Container的width为100%, 怎么能让里面的元素的宽都是100%呢..

Answer 1

container里再嵌套一个.row

Answer 2

Bootstrap中的Container中设置了padding属性，Padding-left和Padding-right均为15px。

解决方案：

自己重写bootstrap中的Container，将padding设置覆盖掉。

.container {
    padding-right: 0px;
    padding-right: 0px;
}

或者直接修改Bootstrap中的源码。

PS: 不过我记得Bootstrap中设置padding属性是有用处的，好像是为了实现其栅栏效果。

记得不是很清楚，如果有什么问题，请指出~

Answer 3

这样写就没有问题，使用id选择器，会覆盖class得选择方式
直接在container设置id

<div class="container" id="my-container"></div>

css文件中这样写

#my-container {
    padding-left = 0;
    padding-right = 0;
}