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

http://jsfiddle.net/7jwap4pg/

<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/

-1
Major Major 8 Авг 2014 в 22:07

2 ответа

Лучший ответ

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

<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 в 18:10

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

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

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

1
Taylor_SM 8 Авг 2014 в 18:16