我花了很长时间才弄清楚如何制作
<div id="information" class="intro-section">
<div class="row">
<div class="col-xs-12">
</div>
</div>
</div>
覆盖整个浏览器的屏幕。我总是得到一个填充,甚至在调整大小时也会发生变化。我试着到处改变CSS样式,但就是不起作用。我使用Bootstrap作为到服务器的外部链接,我的web服务器上没有这些文件。
你可以在www.careerharbour.co.uk上查看我的网站,了解我的意思。在背景图片的宽度和浏览器的屏幕之间总是有一个填充。
发布于 2015-02-20 01:35:56
您需要修改#container1
或container
类上的CSS规则,或者将您希望为全宽的div移到容器div之外。
当前的Bootstrap容器类填充:
padding-right: 15px;
padding-left: 15px;
发布于 2015-02-20 11:30:54
如果您只需要减少两边15px填充,则不需要编辑css,
用<div class=row"></div>
包装容器类
或者,如果您需要在所有视区中全屏显示该图像,则可以适当地使用container-fluid
和row-fluid
。
https://stackoverflow.com/questions/28620102
复制