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

标签 css twitter-bootstrap twitter-bootstrap-3

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

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

  • 如果我使用 container-fluid,警报会按预期扩展以适应屏幕宽度
  • 使用容器类呈现 728 像素的宽度。

根据我的屏幕分辨率,它应该使用 1170px。请让我知道我的理解是否正确。我的 index.html

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

Image showing the difference

最佳答案

如果您的屏幕宽度为 1366px,则 container 的宽度固定为 1140px 加上 30px (每边 15px 间距)。所以 container 的总宽度在 1200px

以上的屏幕上是 1170px

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

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

要了解更多相关信息,请参阅:http://getbootstrap.com/css/

关于css - 桌面上的 Bootstrap 容器和容器流体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36026737/

上一篇:html - CSS - HTML 如何将 anchor 图像获取到特定的一侧

下一篇:html - 从 % 中减去 px 的 CSS calc() 将 px 值解释为 %

相关文章:

html - 如何在填充其余容器高度的同时使元素可滚动

AngularJS将数据传递给 Bootstrap 模式

javascript - 如何在 Bootstrap 中正确对齐品牌形象

html - 100 个表单元素水平展开 bootstrap

html - 将 div 置于具有可变高度的绝对 div 下方

html - 如何在指令模板中定义javascript

jquery - 如何使指令使用过滤后的 HTML 属性?

html - 无论第一行的大小如何,都在其上方的行下方附加 Bootstrap 行

css - Bootstrap 、网格和滚动

css - 如何正确定位三部分背景