Tema02 - Laboratorio 03 - Bootstrap - Menu

gistfile1.html

        <div class="container">

            <!-- Static navbar -->
            <div class="navbar navbar-default" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <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="#">Proyecto ejemplo de Menú</a>
                    </div>
                    <div class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="#">Enlace</a></li>
                            <li><a href="#">Enlace</a></li>
                            <li><a href="#">Enlace</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Combo <span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Acción</a></li>
                                    <li><a href="#">Otra acción</a></li>
                                    <li><a href="#">Algo más aquí</a></li>
                                    <li class="divider"></li>
                                    <li class="dropdown-header">Nav cabecera</li>
                                    <li><a href="#">enlace separado</a></li>
                                    <li><a href="#">un enlace separado más</a></li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li class="active"><a href="./">por Defecto</a></li>
                            <li><a href="../navbar-static-top/">Estatico</a></li>
                            <li><a href="../navbar-fixed-top/">Fijo</a></li>
                        </ul>
                    </div><!--/.nav-collapse -->
                </div><!--/.container-fluid -->
            </div>

            <!-- Main component for a primary marketing message or call to action -->
            <div class="jumbotron">
                <h1>Navbar ejemplo</h1>
                <p>Este ejemplo es un ejercicio rápido para ilustrar barra de navegación estática y fija al trabajo navbar superior. Incluye la CSS sensible y HTML, por lo que también se adapta a su ventana y el dispositivo.</p>
                <p>
                    <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs &raquo;</a>
                </p>
            </div>

        </div> <!-- /container -->