Как разделить header на 2 и более части?

0

Здравствуйте!

Объясните как разделить контейнер на несколько частей. Для сайта есть определённый логотип. При его вставке в header, navbar оказывается под ним, а не на одном уровне с ним. А так как логотип находится в левой части страницы, справа остается пустота. Для этого необходимо как-то разделить header на две части, чтобы получился слева логотип, а справа navbar.

html
bootstrap

1 ответов

1

Примерно так, для больших экранов: Сделайте container класс и в него поместите col-md-2 и col-md-10. В div с col-md-2 помещается логотип, а в div с col-md-10 помещается navbar. 

А еще лучше, если разделение будет в самом navbar.  Тут куча примеров navbar, просто нужно текст поменять на логотип:

https://getbootstrap.com/docs/4.0/examples/navbars/

Sign up or Log in to write an answer