Есть ли способ выровнять мою группу ввода в Firefox с помощью Bootstrap 3?

Я сделал маленькую форму для поиска с помощью Bootstrap 3, и она отлично работает в Google Chrome, но выравнивание не очень хорошее в Firefox (я использую версию 23), код такой:

<form class="col-md-3 input-group pull-right" method="GET"> 
    <input type="text" name="search" id="id_search" class="form-control" maxlength="200">

    <span class="input-group-btn">
        <input type="submit" class="btn btn-default btn-group" name="submit_search" value="Buscar">
    </span>
</form>

Вы можете увидеть это в http://jsfiddle.net/eRpKW/.

Есть ли простой способ это исправить?


css twitter-bootstrap twitter-bootstrap-3
person staticdev    schedule 30.08.2013    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Просто измените <input type="submit"> на <button type="submit"> (они полностью взаимозаменяемы).

Итак, эта строка:

<input type="submit" class="btn btn-default btn-group" name="submit_search" value="Buscar">

станет

<button type="submit" class="btn btn-default btn-group" name="submit_search">Buscar</button>

Вот обновленная демонстрация.

Для получения более подробной информации о причине проблемы вы можете прочитать различия высоты ввода в Firefox. и Chrome.

person edsioufi    schedule 31.08.2013
comment
И мне пришлось закрыть ‹/button› и поставить значение между открывающим и закрывающим тегом, чтобы он тоже работал. - person staticdev; 31.08.2013
comment
@StaticX Это то, что я сделал в демонстрации. Я собираюсь отредактировать свой пост, может быть, вы можете проголосовать? :) - person edsioufi; 31.08.2013