Тема: botstrap 4 flexbox
Показать сообщение отдельно
  #1 (permalink)  
Старый 01.11.2015, 15:31
Аспирант
Отправить личное сообщение для Moloch Посмотреть профиль Найти все сообщения от Moloch
 
Регистрация: 29.10.2013
Сообщений: 94

botstrap 4 flexbox
Здравствуйте, подскажите пожалуйста по поводу новой сеточной системы в новом бутстрапе. есть вот такая разметка

<header class="row">
          <h1 class="col-md-6">
            <div class="logo col-md-2"><img src="../img/logo.png"></div>
            <div class="col-md-10 clearfix"><a href="#" class="logo_href"><span>DuckFiles.com</span></a><span class="h5">Free resources for web designers</span></div>
          </h1>
          <div class="search col-md-6">
            <div class="input-group col-md-6 pull-right">
              <input id="search" type="text" placeholder="Search for..." class="form-control"><span class="input-group-btn">
                <button type="button" class="btn btn-default srch-btn"><i class="fa fa-search"></i></button></span>
            </div>
          </div>
        </header>


разметка в стандартной сетке, когда блоки выравниваются через float выглядит вот так
http://joxi.ru/V2VLLPPfg7llrv

как только я включаю flexbox разметка ломается

http://joxi.ru/brR55PPUaxbyA1

это что получается нужно самому стили для сетки прописывать?

Последний раз редактировалось Moloch, 01.11.2015 в 15:34.
Ответить с цитированием