Как избавиться от конкретной маржи в Twitter Bootstrap 3?

Question

Я не знаю почему, но на сайте, созданном с помощью Twitter Bootstrap 3, появляется странное поле. Если я удаляю элемент, который его вызывает, это поле исчезает. Но элемент (изображение) правильно размещен.

Элемент, который я пометил красной стрелкой здесь (третье изображение с женщиной и ребенком).

Я написал следующий код:

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

URL сайта: здесь

Может кто-нибудь мне помочь? Заранее спасибо!

Answer 1

<div class="row">
            <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 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>

Это заставило пропасть исчезнуть для меня.

Answer 2

Оберните ваш div внутри строки с <div class="col-xs-12"></div>, Прямо сейчас вы говорите, что элементы div должны отображаться в блоке из четырех элементов, на которые он не будет разделяться.

Поскольку BS3 в первую очередь является мобильным, если вы определяете свою сетку как col-xs-4, вам не нужно определять col-md и col-lg. Вам нужно только сделать это, если вы хотите, чтобы он отображался иначе на большом экране.
Надеюсь это поможет.

Answer 3

Ваша проблема на коробке под изображениями:

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

Вам нужно инвертировать.row и.container, см. Код ниже:

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

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