Bootstrap-响应式导航

响应式导航的创建

主要代码



知识点

  • .navbar-inverse 倒置的导航栏
  • .navbar-fixed-top 固定到头部
  • .navbar-header 导航标题
  • .navbar-toggle/.collapsed 设置响应式导航必须添加的class类
  • 折叠起来的汉堡导航按钮是一个带有.navbar-toggle及两个data-元素的按钮。第一个data-toggle用于告诉javascript需要对按钮做什么,第二个data-target,指示要切换哪一个元素
  • .navbar-brand 指定给导航标题或名称一个样式
  • 要折叠的内容要包裹在带有.navbar-collapse|.collapse的div当中
  • 添加导航链接,只需在添加.nav|.navbar的无序列表添加即可。

疑点

*aria-expendedaria-controls什么意思?

你可能感兴趣的:(Bootstrap-响应式导航)