css - Firefox 中的 Bootstrap 响应问题

Question

我有这样的 HTML

<div class="container">
    <ul class="row">
        <li class="col-xs-4 hidden-xs"></li>
        <li class="col-xs-4"></li>
        <li class="js-top-experts col-xs-4 hidden-xs"></li>
    </ul>
</div>

当我调整每个 li 的窗口宽度时，它会动态变化。至少在 Chrome 和 IE 中。但在 Firefox 中没有。宽度是静态的。我该如何解决？

Answer 1

试试这个。如果这不起作用，请添加 bootply 链接。

<div class="container">
  <div  class="row">
   <div class="col-xs-12">
    <ul>
        <li class="col-xs-4 hidden-xs"></li>
        <li class="col-xs-4"></li>
        <li class="js-top-experts col-xs-4 hidden-xs"></li>
    </ul>
   </div>
  </div>
</div>