Artículos
Bootstrap

Contactos con Bootstrap

26/Jun/2015

Cuando estamos utilizando el framework Bootstrap tenemos una forma sencilla de darle forma a los contactos dentro de una página.

Para poder dar formato a los contactos con Bootstrap deberemos de utilizar el elemento address.

El código nos quedaría de la siguiente forma:

Información de Contacto

Dentro del elemento address insertaremos toda la información relativa al contacto. Lo que viene siendo el nombre del contacto, dirección, teléfono,…

Por ejemplo podríamos tener como contacto con Bootstrap el siguiente código:

Bar Pascual
Bulevar Indalecio Prieto, 12
28032, Madrid

Una cosa importante a la hora de crear un contacto con Bootstrap es que todas líneas que contenga el elemento deberán de acabar con un salto de línea. Para crear el salto de línea utilizaremos el elemento br.

Además hay que fijarse que para resaltar el contacto el nombre del contacto o de la razón social irá recubierto del elemento strong.

Para completar la información del contacto podemos insertar otros elementos como pueden ser abreviaturas para detallar un teléfono:

Bar Pascual
Bulevar Indalecio Prieto, 12
28032, Madrid
Tel: 91 534 98 67

O enlaces hacía las páginas web o emails de los contactos.

Bar Pascual
Bulevar Indalecio Prieto, 12
28032, Madrid
Tel: 91 534 98 67 barpascualgmail.com

De esta forma tan sencilla hemos visto como podemos crear un contacto con Bootstrap.

Código Fuente

Descárgate el código fuente de Contactos con Bootstrap
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Bootstrap

Disfruta también de nuestros artículos sobre Bootstrap en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Bootstrap

¿Te atreves a probar tus habilidades y conocimiento en Bootstrap con nuestro test?

Test Bootstrap
Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios