问:这种情况发生在Windows,Mac上的Chrome,IE 11,Firefox中。它可以在Safari中正常运行
答:尝试这样:在div标签中插入按钮和品牌。
<!-导航栏-> <div class =“ navbar navbar-inverse navbar-fixed-top”> <div class =“ container”> <div class =“ navbar-header”> <button type =“ button”类=“ navbar-折叠已折叠” data-toggle =“折叠” data-target =“。navbar-collapse”> <span class =“ icon-bar”> </ span> <span class =“ icon-bar”> < / span> <span class =“ icon-bar”> </ span> </ button>
<一 类= “导航栏品牌文本静音” HREF = “#” > Ribbit的</一>
</ DIV > < DIV类= “导航栏中崩崩” > < UL类= “NAV导航栏-NAV navbar-右” > <李类= “活性” > <一个HREF = “#” >主页</一> </李> <li > < a href =
“#” >关于Ribbit的</一> </李>
<李类= “下拉” > <一个数据肘节= “下拉”数据对象= “#” >树< b类= “^符号” > </ b > </一> < UL类= “下拉菜单” > <李> <一个HREF = “#” >关于树屋</ a > </
李>
<李> <一个HREF = “#” >视频库</一> </李> <李> <一个HREF = “#” >学习冒险</一> </李> <李类= “分频器“ > </李> <李> <一个HREF = ”#“ >计划&安培; 定价<
</ ul >
</ li > </ ul > </ div > </ div > </ div > <!-结束导航栏->
答:您需要将“ button”和“ a”元素都放在具有“ navbar-header”类的div中。不知道为什么视频中没有提到这一点。
<导航 类= “导航栏-反向导航栏固定顶部” >
< div类= “容器” > < div类= “导航栏标题” > <按钮类型= “按钮”类= “导航栏折叠折叠”数据-toggle = “崩溃” data-target = “ .navbar-崩溃” > < span class = “ icon-bar” > </ span > <span class = “ icon-bar”
> </跨度>
<跨度类= “图标条” > </跨度> </按钮> <一类= “导航栏品牌” HREF = “#” >项目名称</一> </ DIV > < DIV class = “崩溃navbar-collapse” > < ul class = “导航navbar-nav” > < li class = “活动”> < a href =
“#” >主页</一> </李>
<李> <一个HREF = “#about” >关于</一> </李> <李> <一个HREF = “#contact” >联系</一> </ li > </ ul > </ div > </ div > </导航>