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.