TEL:400-8793-956
当前位置:程序、服务器

在移动视图中,当您单击切换菜单时,下拉菜单显示在切换的左侧,而不是下方

提问者: 近期获赞: 浏览人数: 发布时间:2021-03-16 08:55:00

 问:这种情况发生在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 > </导航> 
上一篇: 为什么不需要调用声明为'console.readLine()'的String变量?
下一篇: 我不知道该怎么办。有人可以帮我解释一下吗?