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


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

css3 web前端开发 html5 bootstrap

335ML 9 years, 7 months ago

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

解决方案:

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


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

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

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

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

kinki answered 9 years, 7 months ago

container里再嵌套一个.row

仰望菊花的小孩 answered 9 years, 7 months ago

Your Answer