文章详情页
javascript - 如何使用整个宽屏来显示网页?我在使用bootstrap
浏览:52日期:2022-11-09 16:44:36
问题描述
下面是一个例子,红色部分对应现在我的网站现在的空白,我想把这部分空间也利用上,也就是把正常的结构变宽,不知道怎么做。
问题解答
回答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
相关文章:
1. javascript - 怎么设计项目的返回码,让不同的返回码代表不同的含义?2. javascript - vue项目 npm run dev报错3. css3 怎么实现锯齿状的剪纸效果(如图)4. javascript - vue中父组件向子组件传递Object时,如何避免TypeError?5. wordpress 官方 docker,为什么编辑文件无法自动同步到 container 里6. python - 关于django 模板中循环列表7. html5 - 如何利用Canvas技术制作出上下跳动的音乐谱8. javascript - svg小白,想要在svg里面插入图片9. angular.js - 在移动端web上如何解决输入法挡住文本框问题?10. mysql - sql 语句更改表结构,添加多个列,怎么写?
排行榜