Html 如何在Twitter Bootstrap 3中去掉特定的边距？

我不知道为什么，但在一个用Twitter Bootstrap3制作的网站上出现了一个奇怪的空白。 如果我删除引起它的元素，边距就会消失。但是元素（图像）的位置是正确的

元素是我用红色箭头标记的（第三幅关于妇女和婴儿的图像）

我编写了以下代码：

<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>

网址：

---

有人能帮我吗？提前谢谢

用

将div包装在行内。现在，您正在告诉div以四块的形式显示，没有任何内容可供分割

由于BS3首先是移动的，如果将网格定义为col-xs-4，则不需要定义col-md和col-lg。如果希望在更大的屏幕上显示不同的内容，则只需执行此操作。

---

希望这有帮助。

您的问题在图像下方的框中：

<div class="row">
            <div class="container">
                <div class="col-xs-12 col-md-12 col-lg-12">
                    <div class="escuela-def">
                        <p>La primera y principal razón de ABC KINDERGARTEN es el reconocimiento del niño/a como sujeto desde el momento de su nacimiento.<br>
En ésta escuela se da una educación integral, que abarca todas las áreas en las que el niño pueda ser estimulado desde pequeño, para alcanzar su máximo desarrollo en un marco bilingüe conectado con la familia.</p>
            ...

                    </div>
                </div>
            </div>
        </div>

拉普莱米拉和ABC幼儿园校长拉森·德尔尼诺/科莫·苏杰托·德尔莫尼托·德尔莫尼托。

在整个教育体系中，厄尔尼诺现象是一个不可分割的过程，它是一个不可分割的过程

...

您需要反转.row和.container，请参见下面的代码：

<div class="container">
    <div class="row">
       <div class="col-xs-12 col-md-12 col-lg-12">
                        ...

       </div>
   </div>
</div>

...

第节应为：

<div class="**container**">
            <div class="**row**">
                <div class="col-xs-12 col-md-12 col-lg-12">
                  <div id="cartel2">
                    <div class="cartel-img"><img class="img-responsive center-block" alt="" src="img/cartel-centros-solo.png"> </div>
                  </div>

---

这让我的空白消失了。

我不明白……我试着把这些div放入容器中，但仍然有同样的问题。。。我想把它分成3列，如果不是的话，这三张图片每行显示一张“Galería de imágenes”的图片。你调查过了吗正是我在您之前发布的解决方案；）

<div class="**container**">
            <div class="**row**">
                <div class="col-xs-12 col-md-12 col-lg-12">
                  <div id="cartel2">
                    <div class="cartel-img"><img class="img-responsive center-block" alt="" src="img/cartel-centros-solo.png"> </div>
                  </div>