Как сделать чтобы в мобильной версии элементы расположились под логотипом сайта?

Question

[Adil1603]

В обычной версии сайта ссылка на контакты и форма поиска расположены так:

Схема верстки такая:

<div class="row ">
   <div class="col">
        логотип
    </div>

    <div class="col">
       <div class="row">
             <div class="col ">
                  CONTACTS
             </div>
              <div class="col">
                  форма поиска
              </div>
       </div>
     </div>
</div>

В мобильной версии так:


Мне нужно чтобы блоки "CONTACTS" и форма поиска съезжали вниз, под логотип. При определенном разрешении экрана, мобильном разрешении, они съезжали вниз.

Answer 1

[Beliyadm]

добавьте к родительским col свои классы, для мобильных версий блок логотипа и блок с поиском\контактами сделайте по 100% ширины

Answer 2

[Алексей Голягин]

<div class="row ">
   <div class="col-sm-6">
        логотип
    </div>

    <div class="col-sm-6">
       <div class="row">
             <div class="col ">
                  CONTACTS
             </div>
              <div class="col">
                  форма поиска
              </div>
       </div>
     </div>
</div>