Question

它适用于chrome，但在firefox中效果不佳。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">


<div class="container-fluid">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"><strong>Name</strong></div>
    <div class="col-md-9 col-sm-9 col-xs-6">test</div>
    <div class="col-md-3 col-sm-3 col-xs-6"><strong>Sex</strong></div>
    <div class="col-md-9 col-sm-9 col-xs-6">Male</div>
    <div class="col-md-3 col-sm-3 col-xs-6"><strong>Age</strong></div>
    <div class="col-md-9 col-sm-9 col-xs-6">16</div>
    
</div>
</div>
    
      
  </div>

铬

Firefox 47（MacOSX）：

Answer 1

你使用label标签吗？

如果是，则添加此css

label{margin-bottom:0;
}

Answer 2

您的Firefox版本可能在Quirk模式下运行，其中布局是非标准的，可能无法正确显示。
使用<!DOCTYPE html>以完整的html标准模式运行。

https://developer.mozilla.org/en-US/docs/Quirks_Mode_and_Standards_Mode

还尝试清除缓存。请参阅以下链接：

https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems

Answer 3

这是完全正确的。 Bootstrap allows在一行中使用多个块。这是一个有用的功能：

柱包装
如果在一行中放置超过12列，则每组额外列将作为一个单元包裹到新行上。

很多col-md *在一行内，是否正确？

3 个答案: