Bootstrap作為目前比較流行的前端框架，它給我們開發頁面提供了便捷。下面小編給大家介紹一下如何用Bootstrap制作導航條

操作方法

01

首先我們需要搭建一個html頁面，如下圖所示，在頁面中導入需要的bootstrap文件

02

然后我們在body標簽中寫下nav元素，如下圖所示，注意給nav元素添加導航條樣式

03

接下來就給導航添加內容，如下圖所示，運用的是ul元素，這里也運用了nav導航樣式

04

如果想要激活哪個導航，只需要像下圖的方式，在li元素中添加active樣式即可

05

Bootstrap中的導航有下拉效果的設計，如果想用這種效果，需要用dropdown樣式，如下圖所示

06

另外，值得一提的下拉導航條中可以加分割線，如下圖所示，運用divider樣式即可

07

最后我們運行頁面程序，你會看到如下圖所示的效果，下拉導航以及激活狀態都已經顯示出來了