html - Div 宽度为屏幕的 100% 但仍然响应行为?

标签 html css twitter-bootstrap twitter-bootstrap-3 responsive-design

我正在尝试设置屏幕宽度的 div 但没有使用:

div { 
  position: relative;
  left: 0;
  right: 0;
}

因为这会破坏模板。

这可能吗?

最佳答案

如 Bootstrap 文档中所述,您可以使用两种不同类型的容器类。一种具有固定宽度,称为“容器”,另一种称为“容器流体”,它跨越视口(viewport)的整个宽度。

Bootstrap 文档链接:http://getbootstrap.com/css/#overview-container

代码:

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

关于html - Div 宽度为屏幕的 100% 但仍然响应行为?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28194679/

相关文章:

javascript - 使用 PreventDefault 检查必填字段

javascript - 显示带有公共(public)组件的 Mat-dialog

html - 如何使一个 div 最初隐藏并在输入时加载?

html - Bootstrap NavBar 的自定义样式

html - 将div旋转90度,位置固定在左上角

css - 调整页面大小时容器向下移动

css - html div位置绝对继承?

css - 在 html2pdf 中使用 css floats

php - 分页 MySQL PHP

javascript - Bootstrap 进度条进度