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

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

Забей на этот бутстреп, почитай доки и пропиши сам, тогда точно поймешь почему именно так.