Здравствуйте, подскажите пожалуйста по поводу новой сеточной системы в новом бутстрапе. есть вот такая разметка
<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
это что получается нужно самому стили для сетки прописывать?