Bootstrap行与IE兼容性的CSS问题

-2

该网站是bestofhemingway.com，我显然只是让我的脚湿了整个事情。该网站在Chrome上看起来不错，但该行在资源管理器中没有正确排列。我一直在研究和摆弄，它看起来是.container或.row或bootstrap.css中的列类的问题。Bootstrap行与IE兼容性的CSS问题

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

这些都在.row类中。在WordPress页面中的一行是这样的：

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

为什么.row没有在IE工作？

来源

2014-11-22 biggs1881

col-md-4的关闭div位于col-md-8内部，没有像h7这样的元素，除此之外你也没有关闭它。 – Christina 2014-11-22 21:20:18

适当的缩进，你的代码是：

<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标签，让浏览器做自己的解释。

来源

2014-11-22 21:47:05 ceejayoz

Bootstrap行与IE兼容性的CSS问题

回答

相关问题