使用 Bootstrap 创建特定的导航栏

Question

我想到了导航栏的概念。在大屏幕上，它应该与网站的标题在一条线上，但在移动设备上，它应该在标题下方。

我已经尝试过完成它，但我无法弄清楚。我想用 Bootstrap 实现这一点。

编辑

我只是想出了如何实现一个标准的导航栏我不知道从哪里开始这个概念！

编辑 2

想通了

<nav class="flex-column-lg">

我可以反过来做，但仍然没有线索。

Answer 1

这样的事情应该可以解决问题。

<div class="container-fluid">
  <nav class="navbar navbar-expand-lg navbar-light bg-light row">
    <div class="col-sm col-md-2">
      <a class="navbar-brand" href="#">MyWebsite</a>
    </div>
    <div class="col-sm col-md-10 navbar-nav d-inline-flex flex-row justify-content-around" >
      <a class="nav-item nav-link" href="#">img-link</a>
      <a class="nav-item nav-link" href="#">img-link</a>
      <a class="nav-item nav-link" href="#">img-link</a>
    </div>
  </nav>
</div>