如何构建2级引导程序导航栏？

Question

我想在bootsrap中重现类似的内容：

我想知道你是否可以帮助我，或者你知道任何可以工作的插件。这个是刚刚制定的。

提前谢谢你，对不起我的英语。

Answer 1

有关于如何制作Bootstrap导航栏的在线教程，所以我不想进入，但为了在页面的一侧让两件事情彼此叠加，你需要做点什么像这样：

＆＃13;

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

有两个主要的div（左和右），每个div在页面上占用x个空间。在其中一个div中，放置两个内部div，一个在另一个上面。在你的情况下，这些div每个都包含一个导航栏。