Bootstrap3 navbar-form在Firefox中不会调整大小

Question

我在Firefox中遇到问题，当屏幕有768px或低时，搜索表单的大小，它不会修复表单的宽度。 Chrome做得很好。

css是标准的Bootstrap 3文件，但是firefox打开bootstrap.css：null wihle chrome打开navbar.less和utilities.less

以下是代码：

<div class="pull-right">
  <form class="navbar-form navbar-search" action="/portal/index.php/es/" method="post" role="search">
    <div class="input-group">
      <input name="searchword" id="mod-search-searchword" maxlength="200" class="form-control" type="search" size="20" placeholder="Buscar...">
        <div class="input-group-btn">
          <button class="btn btn-default" type="submit">
            <i class="glyphicon glyphicon-search"></i>
          </button>
        </div>
      </div>
    <input type="hidden" name="task" value="search">
    <input type="hidden" name="option" value="com_search">
    <input type="hidden" name="Itemid" value="102">
  </form>
</div>

Answer 1

您在初始元素上使用pull-right会导致问题。用text-right替换它会产生相同的效果（即搜索框与右边对齐），但列将按预期工作...

DEMO

<div class="text-right">
  <form class="navbar-form navbar-search" action="/portal/index.php/es/" method="post" role="search">
    ...
  </form>
</div>