Barra de navegación estilo Twitter con Twitter Bootstrap

Written by Samuel de Ancos

Últimamente esta muy de moda en la aplicaciones web utilizar una barra pegada en lo alto de manera fija, muy al estilo de la utilizada por Twitter.

Con Twitter Bootstrap en muy fácil crear tu propia barra de navegación.

<div class="topbar">
    <div class="fill">
        <div class="container">
            <a href="#" class="brand">TU_NOMBRE_WEBAPP</a>
            <ul class="nav">
                <li class="active"><a href="#">Inicio</a></li>
                <li><a href="#link">Link</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
            <form action="TU_ACCION" class="pull-right">
                <input type="text" placeholder="Username" class="input-small">
                <input type="password" placeholder="Password" class="input-small">
                <button type="submit" class="btn">Iniciar</button>
            </form>
        </div>
    </div>
</div>