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屋！