nav上 navbar 重置样式 可以给背景 bg-color navbar-expand-{breakpoint} 横排
logo部分 用 a标签然后 navbar-brand 下面放个img 用align-top/center /bottom 对齐
第二部分就是正常的navbar-nav
nav-item
也可以用 div +a标签的形式来实现以上内容
表单
form 搜索框
居中容器
mr-auto
定位
顶上,顶下,粘性定位
给nav添加 fixed-top/bottom
sticky-top 粘性定位
响应式
当分辨率小于一定程度无法容纳的时候,可以选择隐藏,变成一个按钮
data-toggle = collapse class= navbar-toggler data-target = #navbar
navbar-toggler-icon 隐藏后缩略的小图表
通过navbar-expand-{breakpoint} 来决定什么尺寸下横排,那么这个尺寸以下的导航栏就会变成一个图标
navbar-collapse (默认的时候是弹性盒模型,满足尺寸把元素变成block ,元素就无法同排显示) 和 collapse(默认隐藏)
左侧logo,右侧按钮
把navbar-brand 放在button上面
两者的左右顺序取决于上下位置