如何使用整个宽屏来显示网页?我在使用bootstrap

shengwubin
  • 227

下面是一个例子,红色部分对应现在我的网站现在的空白,我想把这部分空间也利用上,也就是把正常的结构变宽,不知道怎么做。

clipboard.png

回复
阅读 1.7k
2 个回答
✓ 已被采纳

将最外面的布局元素 .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>

class="container" 换成 class="container-fluid"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏