2016-05-06 117 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">