twitter-bootstrap - Twitter Bootstrap ,列覆盖整个屏幕宽度

标签 twitter-bootstrap css twitter-bootstrap-3

<meta name="viewport" content="width=device-width, initial-scale=1">

此元标记用于拉伸(stretch) Bootstrap 列,例如 <div class="col-sm-12">将覆盖屏幕的整个宽度。是否可以将其仅应用于页面的一部分,即元标记。

最佳答案

不完全是,检查这个link以便更好地了解该元标记的作用。

如果您希望页面的一部分跨越显示的整个宽度,只需将页面的那部分包裹在里面

<div class="container-fluid">YOUR_CODE_HERE</div>

而不是常规的

<div class="container">YOUR_CODE_HERE</div>

确保 container-fluid 标签未包裹在具有设置宽度的父标签内。

关于twitter-bootstrap - Twitter Bootstrap ,列覆盖整个屏幕宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34161754/

相关文章:

css - Bootstrap IE7 网格填充添加到边界框

html - 你能用一个容器固定整个网页吗?

html - Bootstrap UL 与元素符号

html - 在 Bootstrap 4 上更改下拉图标

css - 即7-9不显示位置:absolute correctly

javascript - 根据子绝对div调整父div高度

javascript - Slimscroll 在 AngularJs 的 ui View 中不起作用

layout - 如何在 Bootstrap 中仅制作一列流体

jquery - 如何使用 Bootstrap 添加滚动条?

css - IE 8/9 不渲染页眉背景图片