html - 如何摆脱 Twitter Bootstrap 3 中的特定边距？

Question

我不知道为什么，但是在使用 Twitter Bootstrap 3 制作的网站上出现了一个奇怪的边距。如果我删除导致它的元素，边距就会消失。但是元素(图像)放置正确。

元素是我用红色箭头标出的here (女人和婴儿的第三张图片)。

我写了下面的代码:

<div class="container">
    <div class="row">
        <div class="col-xs-4 col-md-4 col-lg-4">
            <div id="esc1">
            <img class="img-responsive center-block" alt="" src="img/escuela-1.png"></div>
        </div>
        <div class="col-xs-4 col-md-4 col-lg-4">
        <div id="esc2">
            <img class="img-responsive center-block" alt="" src="img/escuela-2.png"></div>
        </div>
        <div class="col-xs-4 col-md-4 col-lg-4">
        <div id="esc3">           
            <img class="img-responsive center-block" alt="" src="img/escuela-3.png"></div>
        </div>
    </div>
    </div>

网站网址:Here

谁能帮帮我？提前致谢!

Answer 1

用 <div class="col-xs-12"></div> 将您的 div 包裹在行内.现在，您要让 div 显示为四个 block ，没有任何东西可以分成。

由于 BS3 优先移动，如果您将网格定义为 col-xs-4，则无需定义 col-md 和 col-lg。如果你想让它在更大的屏幕上显示不同，你只需要这样做。
希望这会有所帮助。