Layouts

Un Layout es la estructura de una plantilla que se mantiene consistente a lo largo de la aplicación al definir la grilla, espaciado y secciones.

Anatomía

Casos de uso

Full width

<div class="row">
    <div class="col-md-12">
        box grande acá
    </div>
</div>

Left Sidebar

<div class="row">
    <div class="col-md-4">
        box pequeño acá
    </div>
    <div class="col-md-8">
        box mediano acá
    </div>
</div>

Right Sidebar

<div class="row">
    <div class="col-md-8">
        box mediano acá
    </div>
    <div class="col-md-4">
        box pequeño acá
    </div>
</div>

Two columns

<div class="row">
    <div class="col-md-6">
        box mediano acá
    </div>
    <div class="col-md-6">
        box mediano acá
    </div>
</div>

Dashboard

<div class="row">
    <div class="col-md-3">
        box pequeño acá
    </div>
    <div class="col-md-3">
        box mediano acá
    </div>
    <div class="col-md-3">
        box pequeño acá
    </div>
    <div class="col-md-3">
        box mediano acá
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        box pequeño acá
    </div>
    <div class="col-md-6">
        box mediano acá
    </div>
</div>