【问题标题】:Bootstrap full-width div inside container引导容器内的全角 div
【发布时间】:2015-12-05 10:06:29
【问题描述】:

在我的网站上,通常“container-fluid”-div 内的所有 div 都应居中,宽度为最大尺寸,因为最终用户应该很容易在 CMS 系统中使用。

但在特殊情况下,我想在容器内创建一个具有全尺寸的 div,请参见此处:http://www.bootply.com/ouSn0oOBCJ

我的问题:水平滚动条。 即使在 ipad 上,视口也会缩小到整个页面。

我能做什么?提前致谢

【问题讨论】:

  • 您可以为您的 div 使用“容器”。
  • 对于哪个 div,外部 div 还是内部 div?我希望普通文本以最大宽度为中心。尺寸。但只有一个特殊的 div 应该是全角的。
  • 你可以使用 col-md-12 全宽

标签: html twitter-bootstrap containers


【解决方案1】:

Bootstrap 对其容器流体 div 使用填充。左右各 15 像素。 如果你提到一个孩子有 100% 的宽度,那么它将是 100% + 30px

你可以在 css 中尝试什么:

width: calc(100% - 30px);

【讨论】:

  • 我的问题是,“margin-left:-2000px; and margin-right:-2000px;”产生滚动条,但我用它来获得全宽的背景颜色。
猜你喜欢
  • 2015-01-06
  • 1970-01-01
  • 2014-08-30
  • 1970-01-01
  • 1970-01-01
  • 2020-11-25
  • 1970-01-01
  • 2017-12-09
  • 1970-01-01
相关资源
最近更新 更多