Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Помощь при верстке c Bootstrap 3

Помощь при верстке c Bootstrap 3


     04.08.2014    Bootstrap 3    Все вопросы » Общие вопросы по вёрстке    3711

вопрос
Здравствуйте! Начал верстать сайт при помощи Bootstrap 3 и столкнулся с проблемой формы поиска. При просмотре страници с помощью планшета и телефона форма поиска остается большой смещение под колонку происходит но сам поиск не уменьшается.
Помощь при верстке c Bootstrap 3


Код html:
<div class="row">
  <div class="col-md-5"><form name="search" action="#" method="get" class="form-inline form-search seach">
    <div class="input-group">
        <input class="form-control" id="searchInput" type="text" name="search" placeholder="Умный и быстрый поиск на gidgirl. Введите запрос!">
        <div class="input-group-btn">
            <button type="submit" class="btn btn-primary">Найти</button>
        </div>
    </div>
       </form>
    </div>


Код в Css:
.input-group{
    height: 35px;
    width: 656px;
    margin-top: 40px;
    margin-left: 20px;
}


Подскажите как исправить?

Ответил: ПафНутиЙ


Удалить:
width: 656px;

либо использовать медиазапросы, смотрите как сделано в css бутсрапа.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх