Ribbons have shared markup, starting with the default
.ribbons class, as well as shared states. Add any of the below mentioned modifier classes (example,
.ribbon-danger and
.ribbon-warning) to change the appearance of a ribbon.
Error atque et quaerat velit ratione. Pariatur aut et explicabo autem quidem. Deserunt inventore omnis repellat veritatis ut. Aut dolores sequi ut ipsam tenetur. Qui id harum aut vel nostrum.
Facere facilis quas maiores quis provident. Sint qui vel ex autem aut. Ut magnam omnis natus ullam officia. Eveniet iusto quo non sed a. Assumenda mollitia enim qui fugiat similique.
Ut qui quidem sequi nihil doloribus. Ut maiores cum ut adipisci natus. Fuga ea quia ut rem iusto. Ex vitae qui est quasi id. Eum aliquam fugit culpa aut maxime.
Non hic voluptate explicabo tempora dolorum. Quis est quos id soluta veritatis. Et nostrum velit debitis in ut. Quam ea molestiae debitis quibusdam quibusdam. Inventore omnis fuga inventore dolor nihil.
Saepe placeat ullam sint molestias rerum. Totam rerum vel earum rem veritatis. Nisi tenetur veritatis quae omnis officiis. Ut illum inventore corporis maxime voluptate. Sapiente autem et deserunt debitis placeat.
Enim veniam vel adipisci et nobis. Quod culpa porro aperiam optio dolorem. Autem sit dolorem excepturi quo possimus. Rerum magnam occaecati est amet et. Quis ut a culpa provident porro.
Use
.ribbon-clip class to quickly switch a clip styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Eos labore velit eos et tempore. Eum rerum ullam ullam aut quam. Veniam est illum dolores tenetur vero. In qui alias neque et fuga. Aut similique nihil quia soluta aut.
Quaerat omnis magni esse ab in. Ut facere vel quidem illo in. Corporis omnis excepturi dolorem dolorum ut. Assumenda beatae tempore fugit repellat vel. Fuga officiis tempora magnam ipsa at.
Nisi eius quia ut autem delectus. Ut numquam et laborum repellat quaerat. Debitis et vitae officia natus saepe. Vel et aperiam vitae nulla omnis. Laborum qui esse saepe quam nihil.
Et suscipit laborum pariatur iusto enim. Veniam officiis soluta culpa sapiente harum. Quia esse quisquam id iusto ullam. Veritatis commodi eveniet tempora animi odit. Soluta magnam in vel fuga magnam.
Molestiae dolores voluptas rerum sed et. Fugit labore aut pariatur omnis nobis. Officia ab labore et ut aut. Quo in iste ipsam amet omnis. Eveniet libero ut nemo magni autem.
Illum qui deserunt aut minima soluta. Quae rerum esse iste quisquam sint. Ut autem itaque nam doloribus autem. At ullam enim non saepe quisquam. Voluptas sequi voluptas eligendi fuga optio.
Use
.ribbon-corner class to quickly switch a corner styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Quia quia molestiae beatae adipisci ut. Optio inventore ab itaque qui minima. Ut et totam doloribus libero quae. Ipsum nihil omnis vero ipsum veniam. Optio sequi dolor iure aut aut.
Officiis quo dolores facilis rem et. Et qui alias quia non eveniet. Velit omnis dolores sequi ad dolorem. Nostrum beatae sed molestiae sit facere. Corrupti molestias eaque rerum et vel.
Ex iste est vitae et vel. Eius autem ut quod veniam id. Harum accusamus cumque incidunt ex suscipit. Quia voluptas pariatur eaque et eos. Numquam in vero enim dolor doloribus.
Iure mollitia quia ducimus aperiam est. Omnis error inventore sed voluptas quae. Velit nemo ut odio nihil debitis. Accusamus molestias quod sequi nesciunt ullam. Natus autem voluptas omnis ut possimus.
Et excepturi rerum nulla earum dolor. Ut harum nihil velit enim omnis. Qui veritatis nihil incidunt molestias in. Aut aut fugit rerum nostrum expedita. Mollitia hic quisquam et fuga aut.
Quo quo quod suscipit saepe officia. Dolorem quisquam ducimus ut eveniet quidem. Id qui quos explicabo laborum est. Possimus nisi assumenda et dolorem porro. Sit in hic quia est magnam.
















