文章详情页
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
相关文章:
1. javascript - 读取页面源码,页面中所有的换行都被当成<br/>读取出来 了,,求解应该怎么让它被正确的解析2. java - 3个dao的数据根据请求参数选择一个映射到一个url上,怎么写比较好?3. docker网络端口映射,没有方便点的操作方法么?4. css - 手机端chrome打开github和bilibili等少数网站会发现地址栏周围也会有背景色5. docker 17.03 怎么配置 registry mirror ?6. javascript - 关于一段 for 循环代码执行顺序的问题7. javascript - 静态页面引公共头尾文件,js怎么写吖?8. java - Spring使用@Autowired失效但是getBean()可以执行成功9. html5 - 百度Ueditor代码高亮和代码段滚动条冲突是怎么回事?10. 在mac下出现了两个docker环境
排行榜