【问题标题】:Bootstrap3: Content responsiveBootstrap3:内容响应式
【发布时间】:2013-11-07 23:44:41
【问题描述】:

正如你在这个例子中看到的:

http://bootply.com/render/92511

我有一个简单的结构,有两个主要区域:导航和内容。 如果您尝试调整浏览器的大小,您会看到内容仅在某个点响应。对于手机视图,内容没有响应,我需要向右移动阅读。

问题是:我怎样才能使内容完全响应,无论大小如何?

谢谢

编辑:这是 Html 和 Css:http://bootply.com/92511

【问题讨论】:

  • 你能把代码贴出来吗... html
  • 如果你想让它完全响应,你不能有一个固定的左导航。

标签: twitter-bootstrap responsive-design twitter-bootstrap-3


【解决方案1】:

您必须从 CSS 中删除 min-width:600px;,并删除 col-md-..,只使用 col-xs-..,这样它就可以在任何设备上完全响应

【讨论】:

  • 感谢工作。我已更改为 col-xs-3 以保持导航的最小尺寸。但是我已经看到我必须保留 col-md 否则平板电脑视图中会出现问题(col-xs 完全消失)
猜你喜欢
  • 2017-05-13
  • 1970-01-01
  • 2015-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-09
相关资源
最近更新 更多