Bootstrap 3 - Ipad zeigt keinen Pfeil/Caret für Navigationsleiste

Question

Ich habe Twitter Bootstrap in meine Website integriert. Ich habe eine Navigationsleiste, die ein Untermenü hat, das funktioniert, wie es in den meisten Browsern sollte, aber bemerkt haben, wenn ein ipad das caret/arrow einfach nicht da ist, verschwindet es. Kennt jemand eine Lösung dafür?

Im auch ein Problem mit dem IE auf meinem Handy mit dem die caret/Pfeil wird ein weißes Rechteck Form anstelle des caret/arrow

Jede Hilfe appreciated.Im ein bisschen mit diesem

verloren wäre

<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>  

Answer 1

Versuchen Sie dies für das Symbol.

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

Auf dem Cursor: Sie IE verwenden? Bootstrap 3 erinnern, dass nur mit IE 8 und höher funktioniert ... 8 ist nicht sehr zuverlässig. Es kann sein, dass IE Probleme beim Lesen des Cursors hat. Wenige Leute benutzen IE, Webentwickler, was sie tun, ist, dass sie für IE und wenig anderes gut aussehen, Benutzerinteraktionen entfernend.

Answer 2

Ich hatte das gleiche Problem und nach dem Wrestling mit ihm für eine Weile gab ich auf und benutzte font-awesome.

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