UI Layouts

1 App Container

Utilisez la classe .container pour obtenir un conteneur de largeur fixe.

<div class="container">
...
</div>

Exemple :

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, commodi, deserunt. Doloremque eius quibusdam molestias corporis beatae et ipsam culpa, recusandae debitis officiis temporibus tenetur at eligendi veritatis atque consectetur!

<div class="container">
  <div class="amui-g-grid row amui-l-page">
    <div class="amui-g-grid__item col-xs-12">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, commodi, deserunt. Doloremque eius quibusdam molestias corporis beatae et ipsam culpa, recusandae debitis officiis temporibus tenetur at eligendi veritatis atque consectetur!</p>
    </div>
  </div>
</div>

Utilisez la classe .container-fluid pour un conteneur de largeur totale couvrant toute la largeur du navigateur web.

<div class="container-fluid">
...
</div>

Exemple :

<div class="container-fluid">
  <div class="amui-g-grid row amui-l-page">
    <div class="amui-g-grid__item col-xs-12">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, commodi, deserunt. Doloremque eius quibusdam molestias corporis beatae et ipsam culpa, recusandae debitis officiis temporibus tenetur at eligendi veritatis atque consectetur!</p>
    </div>
  </div>
</div>

← UI Layouts App Layout →