Me he encontrado con un problema con la barra de navegación en Bootstrap 3. Uno de los elementos de mi menú es un menú desplegable, que funciona bien en mi computadora portátil, pero no funciona en mi teléfono Android. Específicamente, no sucede nada al presionar el elemento del menú desplegable en mi teléfono.

He buscado en google, este sitio y muchos otros para encontrar una solución, pero aún no he encontrado una. Parece que hay algunas soluciones / soluciones para Bootstrap 2, pero ninguna de ellas parece funcionar para mí. Sé que hay algunas diferencias entre la versión 2 y 3, por lo que ninguna de las soluciones que probé funcionó.

¡Cualquier sugerencia o referencia que pueda ver sería muy apreciada! Incluyo el código de mi archivo navbar.php a continuación. Para dar una idea de mi configuración, también tengo los archivos header.php y footer.php. Cada una de las páginas de mi sitio incluye los archivos de encabezado, barra de navegación y pie de página. Avíseme si alguna información adicional puede ser útil.

    <nav id="navbar" class="navbar navar-default navbar-inverse navbar-fixed-top" role = "naviation">
<div class="container">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbarCollapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="http://luckyrabbitdesigns.com/index.php">Lucky Rabbit Designs</a>
    </div>
    <div class="collapse navbar-collapse navbarCollapse">
        <ul class="nav nav-pills">
            <li >
                <a href="http://luckyrabbitdesigns.com/index.php">Home</a>
            </li>
           <!-- <li>
                <a href="http://luckyrabbitdesigns.com/resume.php">Res</a>
            </li>-->
            <li class="dropdown">
                <a href="http://luckyrabbitdesigns.com/projects.php" data-target="#" data-toggle="dropdown" class="dropdown-toggle">Projects <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://luckyrabbitdesigns.com/projects/designs.php">Designs</a></li>
                    <li><a href="http://luckyrabbitdesigns.com/projects/artwork.php">Art</a></li>
                    <li><a href="http://luckyrabbitdesigns.com/projects/bookreviews.php">Book Reviews</a></li>
                     <li><a href="http://luckyrabbitdesigns.com/projects/photos.php">Photos</a></li>
                </ul>
            </li>
            <li>
                <a href="http://luckyrabbitdesigns.com/contact.php">Contact</a>
            </li>
        </ul>
    </div>
</div>