Angular最新教程-第六节编写响应式导航栏_angular menu 响应式

这节课我们讲解如何使用bootstrap 4 编写响应式布局。
参考图我们还是参照Angular中文社区http://www.angularjs.cn/

图中标注红色的部分，我自己不是很喜欢，所以做了一点小改动。
他这里也没有做响应式布局，所以样式就不抄他的，我们自己重写。
首先我们先简要的分析一下这个navbar。
整体是一个黑色的navbar。
参考代码：

<nav class="navbar navbar-dark bg-dark">
  <!-- Navbar content -->
</nav>
1
2
3

最左边是一个带有图片的标题。
参考代码：

<!-- Image and text -->
<nav class="navbar navbar-light bg-light">
  <a class="navbar-brand" href="#">
    <img src="/assets/brand/bootstrap-solid.svg" width="30" height="30"
1
2
3