javascript - 如何使用整个宽屏来显示网页?我在使用bootstrap
本文介绍了javascript - 如何使用整个宽屏来显示网页?我在使用bootstrap的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
下面是一个例子,红色部分对应现在我的网站现在的空白,我想把这部分空间也利用上,也就是把正常的结构变宽,不知道怎么做。
解决方案
将最外面的布局元素 .container 修改为 .container-fluid,就可以将固定宽度的栅格布局转换为 100% 宽度的布局。
不止用于根元素,内部想要百分百宽的也可以。
参见:http://v3.bootcss.com/css/#gr...
请注意内部 row 之类的结构也需注意。
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>
</div>
这篇关于javascript - 如何使用整个宽屏来显示网页?我在使用bootstrap的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文