Latest web development tutorials

insignia de arranque

En este capítulo se explicará insignias de arranque (Pin). Insignias y etiquetas similares, la diferencia principal es que la insignia esquinas más redondeadas.

Insignias (Pin) se utiliza principalmente para los artículos nuevos o no leídos resaltados. Para utilizar la tarjeta de identificación, sólo hay que poner<span class = "insignia"> añadido al enlace, la navegación Bootstrap, etc. Estos elementos pueden ser.

El siguiente ejemplo ilustra este punto:

Ejemplos

Mostrar mensajes no leídos:

<A href = "#"> Buzón < lapso class = "insignia"> 50 < / span> </ a>

Trate »

Los resultados son los siguientes:

Badges (insignias)

Cuando no hay elementos nuevos o no leídos, a través de laCSS: selector de vacío,insignias se pueden plegar, que muestra el interior vacío.

Ejemplos

Mostrar sin leer desaparecer:

<Div class = "contenedor"> <H2> </ h2 insignia> <P> .badge clase especifica el número de mensajes no leídos: </ p> <P> <a href = "#"> Bandeja de entrada <span class = "insignia"> 21 < / span> </ a> </ p> </ Div>

Trate »

estado de la navegación activada

Puede colocar una placa en una cápsula de navegación estado y lista de navegación activa. Al utilizar el<span class = "insignia"> para activar el enlace, como se muestra en el siguiente ejemplo:

Ejemplos

<H4> navegación cápsula activa </ h4> <ul class = "nav nav-píldoras" > <Li class = "activa"> <A href = "#"> Inicio <span class = "insignia"> 42 < / span> </ A> </ Li> <Li> <A href = "#"> Introducción </ a> </ Li> <Li> <A href = "#"> noticias <span class = "insignia"> 3 < / span> </ A> </ Li> </ Ul> <Br> <H4> lista de navegación activa </ h4> <ul class = "nav nav nav-píldoras -stacked" style = "max-width: 260px ;"> <Li class = "activa"> <A href = "#"> <span class = "insignia de pull-derecha" > 42 </ span> Inicio </ a> </ Li> <Li> <A href = "#"> Introducción </ a> </ Li> <Li> <A href = "#"> <span class = "insignia de pull-derecha" > 3 </ span> noticias </ a> </ Li> </ Ul>

Trate »

Los resultados son los siguientes:

estado de la navegación activada