Задать вопрос
  • Bootstrap: select в input-group, как вставить?

    Вот как-то так :
    <div class="panel-heading clearfix">
          <form class="input-group col-md-4">
            <div class="input-group-btn">
              <select class="btn btn-default dropdown-toggle">
                <option value="1">Type 1</option>
                <option value="2">Type 2   </option>
              </select>
            </div>
            <input type="text" name="search[input]" placeholder="Search..." class="form-control"/>
            <div class="input-group-btn">
              <button type="submit" class="btn">Search <i class="glyphicon glyphicon-search"></i></button>
            </div>
          </form>
        </div>

    Только селект получается немного меньше по высоте, поэтому делаем ему вручную высоту в 34 пикселя..

    Пример на Codepen
    Ответ написан
    Комментировать