您的位置:首页技术文章
文章详情页

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

【字号: 日期:2022-11-09 16:44:36浏览:21作者:猪猪

问题描述

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

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

问题解答

回答1:

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

将 换成 class='container-fluid'

标签: JavaScript
相关文章: