Bootstrap 3嵌套行在Firefox中的工作方式与Chrome和Explorer不同

Question

我在嵌套行时遇到一些问题，因为Firefox，Chrome和Explorer中的行为不同。

我有两个不同的片段：

<div class="row">
    <div class="col-md-2">
        <div class="sidebar affix">
            <div class="row">
                <div class="col-md-12">
                   <div class="panel panel-primary">
                      Some content here
                   </div>
                </div>
            </div>
         </div> 
    </div>
    <div class="col-md-offset-2 col-md-8">
        <div class="content">
           Some other content
        </div>
    </div>
</div>

Firefox中的结果就像

同时在Chrome和Explorer 9中看起来像

该代码似乎格式正确。 我尝试的解决方案是将“ col-md-12”更改为“ col-md-3”，但是现在，我在Chrome和Explorer中拥有了预期的结果，但在Firefox中却没有得到预期的结果。

是否有任何解决方法或方法可以使引导程序根据浏览器使用不同的类？

Answer 1

Bootstrap文档似乎与此相反，但是我在项目中发现，如果要将行嵌套在其他行中，还必须包含一个内部.container-fluid 。

例如：

<div class="row">
    <div class="col-md-2">
        <div class="sidebar affix">
            <div class="container-fluid">
                <div class="row">
                   <div class="col-md-12">
                       <div class="panel panel-primary">
                          Some content here
                       </div>
                    </div>
                </div>
             </div>
         </div> 
    </div>
    <div class="col-md-offset-2 col-md-8">
        <div class="content">
           Some other content
        </div>
    </div>
</div>

当我这样做时，我看不到Firefox和Chrome之间的渲染差异。