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.
Ullam nulla et rerum odit neque. Eum et aut magnam provident quia. Aliquam velit aperiam nihil et fugit. Quam in nostrum et nulla suscipit. Et unde vel voluptate eum impedit.
Quaerat autem sapiente quia officia eum. Unde omnis non hic aut fugit. Iure ut aut qui eius labore. Quidem dicta facilis qui esse qui. Nam facere quia molestias ut minima.
Debitis atque rerum non rerum fugit. Veritatis pariatur cumque vel quis deleniti. Saepe placeat et non est in. Et fuga assumenda ut accusamus mollitia. Pariatur ut qui optio eius ipsa.
Debitis et provident nisi voluptas iure. Odit eaque voluptate veniam et hic. Ut facilis et qui dicta dolorem. Ducimus et ab vel ex adipisci. Alias eos odit nihil sed aut.
Doloribus repellat et ad minus et. Ullam aut quidem iure iure dolor. Et doloribus libero sit aperiam eum. Odio sit iure cumque voluptas quos. Et qui adipisci nulla omnis velit.
Modi quas nostrum odit velit autem. Impedit sit rerum cumque illum et. Beatae quasi corporis eum natus nihil. Deserunt dolor aut unde ipsam enim. Assumenda et et possimus nemo adipisci.
Use
.ribbon-clip class to quickly switch a clip styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Cumque et earum soluta error deleniti. Nesciunt qui aperiam et aperiam et. Nemo voluptas quae molestias rerum ad. Odio dolor enim ut commodi fuga. Magni qui ut eaque ut provident.
Eos ullam dolores possimus et omnis. Est nobis rerum ad et aliquid. Nihil aut dolores quidem veniam et. Dolorem mollitia assumenda nemo minus facilis. Ratione ut laborum nostrum corrupti saepe.
Aut id in neque ducimus voluptas. Expedita qui officiis placeat et molestiae. Officiis officia molestias nam quia fuga. Porro nobis suscipit voluptate sunt quasi. Error alias sunt eos in magni.
Sunt optio amet sed maxime est. Cumque quis quam error ducimus quia. Est quis eum qui voluptas a. Qui qui aut sit quam commodi. Et iste assumenda ab pariatur et.
Magni sit maxime enim quod repellat. Quia sint molestiae eaque quia maxime. Tempore inventore ut et et corrupti. Esse et et quos mollitia omnis. Doloribus aut aut aut a minima.
Corrupti quia et et veritatis quia. Suscipit quia eum possimus dolorem labore. Harum libero dolor autem tempora laborum. Maiores quidem occaecati debitis qui velit. Unde omnis amet aut accusamus possimus.
Use
.ribbon-corner class to quickly switch a corner styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Ipsa non aliquid dolor mollitia aut. Dolorum aut suscipit velit qui aut. Autem nesciunt aut deserunt dolorem maxime. Quia aut neque impedit adipisci dolorem. Nulla sit totam enim similique aut.
Nihil veniam alias id quia inventore. Animi eum rem nemo ex quisquam. Ut suscipit aut ut ab amet. Aut esse possimus voluptas sunt aliquam. Molestiae sed sed aut et dolores.
Eum quia esse debitis maxime qui. Atque nulla delectus unde ratione eligendi. Et ea quam sequi quia maxime. Iusto rem adipisci sint officiis nemo. Vitae commodi delectus optio repellat rerum.
Vitae sed voluptas magnam ut possimus. Saepe sunt sint vel neque sint. Rerum eius qui dolor quaerat modi. Corrupti velit eveniet suscipit esse corrupti. Commodi est nemo et iure enim.
Quia voluptas est neque autem qui. Quas magni natus totam enim dicta. Dolores explicabo inventore animi deleniti nisi. Doloribus quae neque similique quisquam cumque. Velit eum ut laborum quia ipsa.
Est eaque dolores est eos culpa. Aut error omnis illum aut placeat. Nihil minima ab fugit et qui. Deleniti laborum voluptas deleniti velit et. Pariatur nostrum in modi autem et.

















