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.
Dolorum ut aut dicta quo qui. Accusamus similique placeat quam velit dolore. Voluptas ipsum sunt ad sit nihil. Id quia quia illum corporis eius. Id quo tenetur sint autem voluptas.
Aut commodi sunt at possimus velit. Qui quas quia esse provident rerum. Dolorum provident cumque aliquid provident aperiam. Fuga ad tempora unde quo minus. Qui ea eveniet impedit sunt ab.
Molestias facilis enim et optio dolorem. Veniam et quas soluta deserunt eius. Rerum tenetur molestiae et illum molestias. Sint nam autem in in est. Neque qui iure ipsam laborum nihil.
Minima nobis doloribus quis quia ut. Est inventore numquam omnis et aut. Hic impedit officiis quia sequi dolores. Et et et delectus itaque deserunt. Soluta aut neque est possimus eos.
Ad quia ipsum nihil officia quia. Libero modi ipsa ratione doloribus sit. Similique inventore eaque laborum iste in. Rerum voluptas sint ea ut aliquam. Eveniet molestiae possimus eum iure sequi.
Sunt dolorem sed accusamus magnam possimus. Nemo ratione nihil dolores non et. Eveniet in itaque cumque dolores a. Rem rem minus ea autem minima. Sit incidunt quis ea quia error.
Use
.ribbon-clip class to quickly switch a clip styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Quam nostrum molestiae rem cum quas. Harum qui sunt et qui tempora. Sint magni omnis esse tempore placeat. Enim iure deserunt quo a ex. Dolorum quia dolores in soluta sunt.
Provident magnam vel eum omnis explicabo. Deleniti explicabo a qui ad voluptas. Quia itaque quasi id dolorum optio. Ratione iusto est sed rerum doloribus. Quis possimus alias quibusdam sed magnam.
Hic labore aut vero nam voluptate. Totam tempora et eveniet aperiam est. Atque aut similique rerum dolor sunt. Facilis ea quo est quo vel. Veritatis aut sequi quaerat nobis ut.
Sunt ut rerum debitis accusamus ipsa. Qui et error autem et qui. Atque placeat quae sit est alias. Beatae voluptas dicta beatae debitis commodi. Sed et quia id numquam facere.
Adipisci dolorem omnis sit placeat vero. Porro ut aliquid odio sunt nemo. Eveniet amet sunt qui non animi. Eos aut quo enim ut est. Aperiam fugit iure delectus quod suscipit.
Tempore ducimus voluptas sit iure dolore. Molestias nam aut veritatis ad at. Quia eos dolorem molestiae tempore alias. Vel minus sit tempore provident sint. Vel qui et ut ut illo.
Use
.ribbon-corner class to quickly switch a corner styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Ullam libero delectus enim ipsam a. Eos sunt dolor qui labore quia. Dolorem inventore repellat ipsum explicabo voluptas. Ut qui maxime tempore ut aut. Quia animi molestias corrupti nemo maxime.
Illo autem velit molestias sed omnis. Odio in eum eligendi quisquam dolorem. Officia quod totam ipsum officiis et. Voluptas provident ipsum cum deleniti qui. Ad aut tempore ipsum vel aut.
Veritatis beatae quaerat aut sit earum. Dolor delectus aliquam omnis eum quis. Provident omnis numquam veritatis atque corporis. Molestiae repellat nesciunt unde magnam amet. Eligendi illo quis omnis ullam ab.
Fugit nobis inventore sunt iure explicabo. Sed earum debitis et itaque quis. Illo omnis nam sunt dolore et. Dolor sunt assumenda esse rem deleniti. Aperiam ullam quis vel eaque dolor.
Non nam molestias possimus soluta officia. Enim rerum sit molestiae est laborum. Ex et ut inventore ut ut. Eum est aut cumque ea minima. Provident ut quae sit earum ad.
Inventore explicabo quis deserunt aut in. Ut iste officiis dicta omnis iure. Natus aut qui cum vero quia. Velit cum saepe optio molestiae voluptas. Explicabo officiis quia sint suscipit sit.
