Html Internet Explorer浏览器问题引导

在Internet Explorer的所有版本中，我在查看我使用Bootstrap设计的登录页时遇到一些问题。页面底部有6个框，通常在内容容器中有三个框。但是，在Internet Explorer中会显示一个额外的显示框。网站URL为：www.newcastleswimingpools.com-我的HTML如下：

<div class="row span12">


    <div class="span4">
    <div class="contentbox">



        <img src="/img/Colours.png" alt="Outstanding Colour Range" />
        <center><a style="text-decoration:none; color:black;" href="http://www.barrierreefpools.com/colour-range"><h4>Wide Color Range</h4></a>
        <p>Boasting six shimmer colours combined with three royal colours you can be assured we have a colour for you. Barrier Reef Pools pride themselves in only using a marine grade gelcoat (ISO NPG.), ensuring the surface in the contact with pool water is the best.    </p><br/><br/>

        </div>
    </div>
    <div class="span4">
    <div class="contentbox">



            <img src="/img/25yr.png" alt="Manufacturer Warranty" />
            <center><h4>Manufacturer Warranty</h4>
            <p> Barrier Reef Pools offer a 25 year structural warranty with their pool shells. There is also an internal warranty which meets SPASA Guidelines and Australian Standards, as opposed to concrete pools which at best, will guarantee a seven year structural warranty.</p><br></center>
            <br/>

        </div>
    </div>
    <div class="span4">
    <div class="contentbox">


            <img src="/img/5tick.png" alt="5 Tick of Approval" />
            <center><h4>5 Tick Certified Product Award</h4>
            <p>Barrier Reef Pools Newcastle is the only Fibreglass Swimming Pool provider to be awarded the '5 tick' Certified Award.  This proves that you are purchasing quality when you choose Barrier Reef Pools for your next fibreglass swimming pool.</p>
            </center>
            <br/><br/><br/>
    </div>

    </div>


    <div class="span4">
    <div class="contentbox">
            <img src="/img/splash.png" alt="Quick as a Splash Installation" />
            <center><h4>Quick As A Splash</h4>
            <p>From our manufacturing plant straight to your home, your Barrier Reef Pool arrives ready to install. No fuss installation in as little as seven days, compared with concrete rendered or pebbled pools which can take up to three months to complete.</p></center>
            <br>
    </div>
    </div>

    <div class="span4">
    <div class="contentbox">



            <img src="/img/Ranges.png" alt="Our Pool Range" />
            <center><h4>Pool Range</h4>
            <p>Development and expansion of our modern shapes and sizes is constant so that our range of pools is second to none. With an 800m2 facility dedicated to new pool development ensures that you will have a choice of the very latest designs and features to suit your lifestyle.  </p></center>
            </center>
        </div>

    </div>

    <div class="span4">
    <div class="contentbox">


            <img src="/img/LookingGood.png" alt="Looking Good" />
            <center><h4>Looking Good</h4>
            <p>Pools feature a super soft high gloss surface in a fantastic range of vibrant shimmer and royal colours. This ultra-hard wearing surface is non-porous, stain and chemical resistant and of course is so easy to maintain and clean.</p></center>
            </center>
            <br/>
        </div>
    </div>  



    </div><!--EndRow-->

---

这可能是我所缺少的超级简单的东西，可以让InternetExplorer正确地渲染。任何帮助都将不胜感激

我认为你不必把“row”和“span12”课程放在同一个位置上。取下“span12”，看看会发生什么。看

…我还注意到您有一些未对齐的标签（

在第87行、910行、955行和967行）

---

在执行任何其他操作之前，请确保验证；）

不确定这是否有用，但我注意到您没有指定DOCTYPE。引导会遇到一些问题，例如，如果您不这样做，那么至少要确保添加：

<DOCTYPE html>

---

到文档顶部。

如果需要站点响应，请使用类行流体，否则仅使用行 引导的网格是12。 如果希望一行中有3个框，则类span名称必须为span4，因为4*3=12 如果希望一行中有4个框，则类span名称必须为span3，因为3*4=12 你明白了吗？：）

请记住，Bootstrap3.2已不再受支持

<div class="row-fluid">
  /* 4*3 = 12 */
  <div class="span4">the content</div>
  <div class="span4">the content</div>
  <div class="span4">the content</div>
</div>
<div class="row-fluid">
  /* 4*3 = 12 */
  <div class="span4">the content</div>
  <div class="span4">the content</div>
  <div class="span4">the content</div>
</div>

/* 4*3 = 12 */
内容
内容
内容
/* 4*3 = 12 */
内容
内容
内容

---

希望这对你有所帮助

谢谢你的回复。我试图接受上述建议，但运气不佳。查看时幻影随机框仍在那里。@jose对该行的看法是正确的。每行需要等于12。此外，HTML错误也可能导致幻象行为。IE不像其他浏览器那样宽容。您好，感谢您的及时回复-我已经修复了下面所述的问题，但仍在IE中的幻影框正在解除锁定。您可以在这里查看：www.newcastleswimingpools.com/index2.html

<div class="row-fluid">
  /* 4*3 = 12 */
  <div class="span4">the content</div>
  <div class="span4">the content</div>
  <div class="span4">the content</div>
</div>
<div class="row-fluid">
  /* 4*3 = 12 */
  <div class="span4">the content</div>
  <div class="span4">the content</div>
  <div class="span4">the content</div>
</div>