bootstrap中nav-bar导航栏，下拉菜单属性

<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">

1. navbar：定义该组件为导航栏样式。
2. navbar-fixed-top：导航栏固定在页面顶部
3. navbar-inverse：使导航栏为黑底白字
4. role=“navigation”：增强语义性，告诉辅助工具，该标签具体是什么标签，也就是为标签指定角色。

  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

5. navbar-toggle:该按钮样式为切换状态的按钮
6. data-toggle=“collapse”：数据切换方式以折叠形式展现。
7. data-target=".navbar-collapse"：选中与本元素联动的元素，“引号”内填目标元素的类名或id名。
8. navbar-brand：放置品牌图标。
9. navbar-head：放置导航栏组件。

<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">

10. data-toggle=“dropdown”：数据切换方式是下拉列表。可以不写data-target属性

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

11. aria-labelledby=“dropdownMenu1”：
    当ul获取到焦点时，屏幕阅读器是会读：id="dropdownMenu1"中的值。

标签：bar,navbar,导航,bootstrap,id,toggle,标签,data,下拉菜单
来源： https://blog.csdn.net/qq_29361593/article/details/121466856