我不知道为什么,但是在使用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

谁能帮我?提前致谢!

最佳答案

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


那使我的利润消失了。

09-20 21:15