Question

这个网站是bestofhemingway.com，我显然只是在弄清楚这一切。该网站在Chrome上看起来还不错，但该行在资源管理器中没有正确排列。我一直在研究和摆弄它看起来是.container或.row或bootstrap.css中的列类的问题。

.row {
  margin-right: -15px;
  margin-left: -15px;
}

这一切都在.row课程中。 wordpress页面中的一行如下所示：

<div class="row">
<div class="col-md-4"><h2 class="box-title"><a href="https://rads.stackoverflow.com/amzn/click/com/0743297334" rel="nofollow noreferrer">The Sun Also Rises</a>

<div class="col-md-8"> </div></div></div>

<div class="row">
<div class="col-md-4"><h2 class="box-title"><a href="link" ></a></div>

<div class="col-md-8"><h7 class="box-lang">Text</div></div>

为什么.row无法在IE中运行？

Answer 1

正确缩进，您的代码是：

<div class="row">
    <div class="col-md-4">
        <h2 class="box-title">
            <a href="http://rads.stackoverflow.com/amzn/click/0743297334">The Sun Also Rises</a>
        <div class="col-md-8"> </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <h2 class="box-title">
            <a href="link" ></a>
    </div>

    <div class="col-md-8">
        <h7 class="box-lang">Text
    </div>
</div>

这揭示了几个问题。

您的第一个col-md-8位于您的第一个col-md-4内，而不是您的兄弟元素。
您正在使用不存在的h7代码。
您没有关闭h代码，让浏览器自行解释。

Bootstrap Row CSS与IE兼容性问题

1 个答案: