桌面上的Bootstrap容器和容器流体

时间:2016-03-16 04:21:33

标签: css twitter-bootstrap twitter-bootstrap-3

我在笔记本电脑上使用默认bootstrap-sass运行我的Web应用程序,屏幕分辨率为1366 x 768.

  • 如果我使用容器 - 液体,警报会扩展以适应预期的屏幕宽度
  • 使用容器类渲染的宽度为728px。

根据我的屏幕分辨率,它应该使用1170px。如果我的理解是正确的,请告诉我。我的index.html

中也有此元标记
<meta name="viewport" content="width=device-width">

Image showing the difference

2 个答案:

答案 0 :(得分:1)

如果您的屏幕宽度为1366px,那么container的宽度将固定为1140px加上30px(每侧15px排水沟)。因此,在container

以上的屏幕上,1170px总宽度为1200px

添加此元标记可能会有所帮助

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

要详细了解详情,请参阅:http://getbootstrap.com/css/

答案 1 :(得分:-2)

我正在使用角度生成器,它将标题中容器的默认宽度覆盖为730px,这就是问题的原因。