2016-05-06 42 views
0

我已将twitter引导程序集成到我的网站中。我有一个导航栏,其中有一个子菜单,它在大多数浏览器中都能正常工作,但在使用ipad时注意到,插入符号/箭头不在那里,它就会消失。有没有人知道这个问题的解决办法?Bootstrap 3 - Ipad不显示导航栏的箭头/插入符号

林还具有IE浏览器在手机上一个问题,即插入符号/箭头变成白色矩形形状,而不是插入符号/箭头

任何帮助将是appreciated.Im有点与这一个

丢失
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap  /3.3.6/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

<nav class="navbar navbar-inverse" style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;"> 
         <div class="navbar-header"> 
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          </button> 
          <a class="navbar-brand" href="#"></a> 
         </div> 
         <div class="collapse navbar-collapse" id="myNavbar"> 
          <ul class="nav navbar-nav"> 
           <li><a href="/default.aspx">Home</a></li> 
           <li class="dropdown"> 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services 
           <span class="caret"></span></a> 
           <ul class="dropdown-menu"> 
            <li><a href="/webpages/1.aspx">Page 1</a></li> 
            <li><a href="/webpages/2.aspx">Page 2</a></li> 
            <li><a href="/webpages/3.aspx">Page 3</a></li> 
           </ul> 
           </li> 
           <li><a href="/webpages/4.aspx">Page 4</a></li> 
           <li><a href="/webpages/5.aspx">Page 5</a></li> 
          </ul> 
         </div> 
        </nav>  

回答

0

试试这个符号。

[Arrow caret] [http://codepen.io/paulobrien/pen/zxJOaW]

光标:你使用IE浏览器? Bootstrap 3记住,只有IE8和以上... 8不是很可靠。这可能是IE浏览器无法读取光标。很少有人使用IE浏览器,Web开发人员他们做的是他们看起来不错,IE浏览器和其他一些东西,删除用户交互。

0

我遇到了同样的问题,经过一段时间的摔跤后,我放弃了并使用了字体。

<i class="fa fa-caret-down" style="color: white;" aria-hidden="true">