Está en la página 1de 3

<

<h
<!
No

Y <ni
Yo<

-- comienza la cabecera-->
1eader>

se usan las siguientes clases que vienen documentadas en el apartado components -


Navbar-
olvides que necesitas la clase container o container-fluid -->

1av class="navbar fixed-top navbar-expand-1g navbar-light bg-light” >


div class="container">
<a class="navbar-brand" href="*">img sr
<button class="navbar-toggler” type="button” data-toggle="collapse" data-targe
navbarNavaltMarkup” aria-expanded="false” aria-label="Toggle navigation">
<span class="navbar-toggler-icon"»</span»

'assets/img/logo-insti.jpg" alt="Aprende Bootstrap 3 y CSS"></a>


'navbarllavAltMarkup" aria-control:

</buttom>
y <div class="collapse navbar-collapse navbar-right” id="navbarWlavAltMarkup">
<ul class="nav navbar-nav">
<1i> <a class="nav-item nav-Link" hre data-toggle="modal” data-
target="smodalLogin">Accede <span class="sr-only"»(
current)</span></a></1i>
<!-- el atributo data-target y data-toggle se usan para conseguir una ventana modal
al pulsar en dicho botón con la
configuración de la sesión de login y de registrarse creada casi al final de este
código
los data-target son los id de las ventanas de dicho código
clase sr-only es para indicar información oculta pero que será de utilidad para
tecnologías de invidentes
<li»<a class="nav-item nav-Link" href="4" data-toggle="modal" data-
target="smodalSignup">Registrate</a»</1i>
</ul>
</div> <!-- cierra el contenedor de clase collapse-->
</div»<!-- cierra la clase container -->
</nav»<!-- cierra la clase principal de los diferentes nav -->

<

</div>cierra el container fluid


>

</header>

<

ES E

También podría gustarte