javascript - 如何使用整个宽屏来显示网页？我在使用bootstrap-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

PHP中文网 2017-06-26 10:49:47

[HTML讨论组]

942

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

PHP中文网

认证高级PHP讲师

全部回复(2)

我想大声告诉你2017-06-26 10:51:47 2楼

将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。

不止用于根元素，内部想要百分百宽的也可以。
参见：http://v3.bootcss.com/css/#gr...

请注意内部 row 之类的结构也需注意。

<p class="container-fluid">
  <p class="row">
      <p class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</p>
      <p class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</p>
  </p>
</p>

赞 +0

添加回复

伊谢尔伦2017-06-26 10:51:47 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部