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

Question

当屏幕为 768 像素或更低时，我在 Firefox 中遇到搜索表单大小的问题，它没有固定表单的宽度。 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>

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

Bootstrap3 navbar-form does not resize in Firefox

css

joomla

twitter-bootstrap-3