Contactos con Bootstrap

26/Jun/2015 Bootstrap , Deja un comentario

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.

Vídeos sobre Bootstrap


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.