Bootstrap 3-Ipad не показывает стрелку / каретку для навигационной панели

Я интегрировал Twitter bootstrap в мой сайт. У меня есть панель навигации, которая имеет подменю, который работает так, как он должен в большинстве браузеров, но заметили, когда с помощью ipad каре/стрелка просто нет, он исчезает. Кто-нибудь знает, как это исправить?

У Im также есть проблема с IE на моем телефоне, где каретка / стрелка изменяется на белую форму прямоугольника вместо каретки / стрелки

Любая помощь будет оценена.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>    

2 ответа

  1. Попробуйте это для символа.

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

    На курсоре: вы используете IE? Bootstrap 3 Помните, что работает только с IE 8 и выше … 8 не очень надежно. Это может быть, что IE имеет проблемы с чтением курсора. Мало кто использует IE, веб-разработчики то, что они делают, это они хорошо выглядят для IE и мало что еще, удаляя пользовательские взаимодействия.

  2. У меня была та же проблема, и после борьбы с ней на некоторое время я сдался и использовал шрифт-удивительный.

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