html - Twitter Bootstrap 3:包括img响应类似乎正在调整我的容器流体div的大小？

我希望有人能对我在Bootstrap上遇到的这个问题有所了解。

我注意到，包含响应图像的“容器流体” div略小于我仅包含文本的“容器流体” div。

我不确定为什么会这样，这意味着我正在构建的网站在带有响应图像的页面上的尺寸不一致。例如：

<div class="container-fluid">
 <div class="row">
    <div class="col-sm-6 col-md-4"> <p> Test Paragrapgh </p> </div>
    <div class="col-sm-6 col-md-4"> <p> Test Paragrapgh </p> </div>
    <div class="col-sm-6 col-md-4"> <p> Test Paragrapgh </p> </div>
    </div>
</div>

当我检查镀铬的容器流体元素时，其大小为1600x50 px，但是当我将段落替换为图像时：

<div class="container-fluid">
 <div class="row">
    <div class="col-sm-6 col-md-4"> <img class="img-responsive" src="myimage.jpg" alt=""> </div>
    <div class="col-sm-6 col-md-4"> <img class="img-responsive" src="myimage.jpg" alt=""> </div>
    <div class="col-sm-6 col-md-4"> <img class="img-responsive" src="myimage.jpg" alt=""> </div>
    </div>
</div>

铬色的容器流体元素现在的大小为1583x333 px，页面上的每个容器流体都缩小到这个较小的宽度。这意味着该导航栏在此页面上的大小与我网站上的其他导航栏不同-不好！

img响应的css是相当无害的：

 .img-responsive{
  display: center-block;
  max-width: 100%;
  height: auto;}

所以我很困惑。我已经研究过如何更改CSS中img和img响应类的边距，但并不高兴。任何建议将不胜感激！

最佳答案

感谢您的输入。事实证明，问题是由于图像占据的垂直空间比视口显示的要多，因此需要添加滚动条，该滚动条用chrome改变了屏幕的宽度。 This question has been asked already and answered elsewhere on stackoverflow。

关于html - Twitter Bootstrap 3:包括img响应类似乎正在调整我的容器流体div的大小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32250169/