Styleguide

Float Left

Hace que el elemento flote a la izquerda.

<div class="float-left"></div>

Tamaños

Ancho 100% Full Width: Colocala imagen a un 100% del ancho

<div style="width:200px;height:200px;background-color:#eeeeee;">

<!----- Usar desde aquí ------------------------------------>

    <img src="http://responsiveshoot.com/dummy.jpg" class="full-width">

<!--------------------------------------------------------->

</div>

Alto 100% Full Height: Colocala imagen a un 100% del ancho

<div style="width:400px;height:200px;background-color:#eeeeee;">

<!----- Usar desde aquí ------------------------------------>

    <img src="http://responsiveshoot.com/dummy.jpg" class="full-height">

<!--------------------------------------------------------->

</div>

Texto Centrado

Esta clase centra el texto.

Texto Centrado Lorem Ipsum
<div class="center">Texto Centrado Lorem Ipsum</div>

Texto Izquierdo

Esta clase alinea el texto a la izquierda

Texto Justificado Lorem Ipsum
<div class="left">Texto Justificado Lorem Ipsum</div>

Texto Justificado

Esta clase justifica el texto

Texto Justificado Lorem Ipsum
<div class="justify">Texto Justificado Lorem Ipsum</div>

Texto Mayúscula

Esta clase convierte el texto a mayúscula

Texto mayuscula Lorem Ipsum
<div class="uppercase">Texto mayuscula Lorem Ipsum</div>