Bootstrap HTML - моя кнопка появится над моим списком выбора, но не под ним

Question

Я хочу, чтобы моя кнопка отображалась НИЖЕ моего списка выбора. См. Следующий код здесь -

<div class="container-fluid">
        <div class="col-md-12">
            <select id="company_name" name="company_name" class="search-form-select-list">
                <option value="" disabled selected>Select A Restaurant</option>
                <option value="McDonalds">McDonalds</option>
                <option value="Wendys">Wendys</option>
        </div>
        <div class="col-md-12">
            <form action="/search" method="get">
                <input class="btn" type="submit" value="Search All" />
            </form>
        </div>
    </div>

Вместо этого он отображается рядом с ним. Если я переключу порядок и поставлю кнопку первой, она отобразится над списком выбора, чего я и ожидал. Так почему я не могу отобразить его ниже?

http://jsfiddle.net/pu6vkrjc/

html twitter-bootstrap

-1

Major Major 8 Авг 2014 в 22:07

Answer 1

Вы забыли закрывающий тег.

<div class="container-fluid">
    <div class="col-md-12">
        <select id="company_name" name="company_name" class="search-form-select-list">
            <option value="" disabled selected>Select A Restaurant</option>
            <option value="McDonalds">McDonalds</option>
            <option value="Wendys">Wendys</option>
        </select>
    </div>
    <div class="col-md-12">
        <form action="/search" method="get">
            <input class="btn" type="submit" value="Search All" />
        </form>
    </div>
</div>

1

Eliel 8 Авг 2014 в 22:10

Answer 2

Ах, я это пропустил.

Ваш закрывающий тег </select> отсутствует.

Как я уже отмечал, я бы не стал считать раскрывающееся меню над кнопкой «Лучшей практикой» для форм. Ненавижу, когда люди делают это в Интернете. Это просто вредит дизайнерской части моего мозга.

1

Taylor_SM 8 Авг 2014 в 22:16

Спасибо за подсказку, в данном случае кнопка и раскрывающийся список — это отдельные формы, поэтому я не думаю, что это так плохо, как вы думаете. Я все же подумаю.

–

Major Major

8 Авг 2014 в 22:25

Bootstrap HTML - моя кнопка появится над моим списком выбора, но не под ним

2 ответа

Похожие вопросы

Новые вопросы

html