Bootstrap4 导航栏

Bootstrap4 导航栏是一个前端框架，可以非常方便地创建具有响应式设计效果的导航栏。在本文中，我们将介绍如何使用Bootstrap4 导航栏来创建一个简单的网站导航栏。

一、基本知识 Bootstrap4 导航栏包括导航栏本身和导航栏项。导航栏是位于网页的顶部，用于导航到站点的页面的横条。导航栏项是指顶部的方块或链接，它们将用户带到不同的页面。

二、添加导航栏代码

1. 首先，在标签内添加Bootstrap4框架的链接。在代码中可看到：

2. 在标签内添加导航栏代码，代码如下：

三、导航栏样式

1. 背景色：在上述导航栏代码中，添加了一个类名“bg-light”，背景色就是Bootstrap4框架中预定的一种颜色。

2. 导航栏固定：要固定导航栏，只需将class=“navbar-fixed-top”，代码如下：