Alerts & Wells

Solid Colors

<div class="alert alert-default alert-dismissible" role="alert">
</div>
<div class="alert alert-black alert-dismissible" role="alert">
</div>
<div class="alert alert-primary alert-dismissible" role="alert">
</div>
<div class="alert alert-info alert-dismissible" role="alert">
</div>
<div class="alert alert-success alert-dismissible" role="alert">
</div>
<div class="alert alert-warning alert-dismissible" role="alert">
</div>
<div class="alert alert-danger alert-dismissible" role="alert">
</div>
<div class="alert alert-royal alert-dismissible" role="alert">
</div>

Lights Colors

<div class="alert alert-default alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-black alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-primary alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-info alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-success alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-warning alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-danger alert-light alert-dismissible" role="alert">
</div>
<div class="alert alert-royal alert-light alert-dismissible" role="alert">
</div>

Wells

Distinctio, facere quos aperiam fugiat cupiditate delectus inventore nobis quaerat voluptas fugit quibusdam assumenda incidunt consequatur! Explicabo, dolore, cumque eos saepe consequuntur totam excepturi facere voluptatem beatae esse magnam impedit dolorem nihil!

Animi, sit, reiciendis voluptas perferendis illo maiores vel a dignissimos mollitia odio doloremque dolores iusto at harum nisi nam atque beatae nobis? Sapiente, cumque aliquid incidunt voluptatem natus architecto ad magnam rerum?

Tempore, molestias, voluptate earum officiis dignissimos facilis corrupti expedita id magnam maxime atque impedit consequuntur incidunt optio dolore quaerat alias modi quisquam ratione rem aut esse fugiat saepe reiciendis deserunt ullam fuga.

<p class="well well-sm">Distinctio, facere quos aperiam fugiat cupiditate delectus inventore nobis quaerat voluptas fugit quibusdam assumenda incidunt consequatur! Explicabo, dolore, cumque eos saepe consequuntur totam excepturi facere voluptatem beatae esse magnam impedit dolorem nihil!</p>
<p class="well">Animi, sit, reiciendis voluptas perferendis illo maiores vel a dignissimos mollitia odio doloremque dolores iusto at harum nisi nam atque beatae nobis? Sapiente, cumque aliquid incidunt voluptatem natus architecto ad magnam rerum?</p>
<p class="well well-lg">Tempore, molestias, voluptate earum officiis dignissimos facilis corrupti expedita id magnam maxime atque impedit consequuntur incidunt optio dolore quaerat alias modi quisquam ratione rem aut esse fugiat saepe reiciendis deserunt ullam fuga.</p>

MaterialStyle

Social Links