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

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

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


container里再嵌套一个.row


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

解决方案:

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

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

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

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

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

【热门文章】
【热门文章】