How can I build a 2 level bootstrap navbar?

203 views Asked by At

I want to reproduce something like this in bootsrap:

https://imgur.com/a/1BjGYgZ

I wonder if u can help me or if you know any plugin that can work. This one is made in justinmind.

Thank you in advance and sorry for my english.

1

There are 1 answers

0
James Whiteley On

There are tutorials online on how to make a Bootstrap navbar so I won't go into that, but in order to get two things on top of each other on only one side of the page, you need to do something like this:

.container {
  display: flex;
  color: white;
  font-weight: bold;
  font-family: Sans-Serif;
}

.left {
  width: 50%;
  background-color: red;
  text-align: left;
}

.right {
  width: 50%;
  text-align: right;
}

.inner-right-1 {
  background-color: blue;
}

.inner-right-2 {
  background-color: green;
}
<div class="container">
  <div class="left">LEFT DIV</div>
  <div class="right">
    <div class="inner-right-1">TOP</div>
    <div class="inner-right-2">BOTTOM</div>
  </div>
</div>

There are two main divs (left and right), which each take up x amount of space on the page. Inside one of the divs, place two inner divs with one on top of the other. These divs would each contain a navbar, in your case.