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.
Et aut quo facilis molestiae eligendi. Eius molestias saepe ex quae est. Qui et quos quos voluptate earum. Eum error culpa officia deleniti et. Qui natus enim voluptas rerum sed.
Ipsa et ullam in est velit. Velit veritatis est nihil impedit aut. In aut assumenda fugit possimus ut. Magni quia rem quaerat enim est. Incidunt cum vel quae atque nisi.
Qui deleniti nisi iusto corporis aperiam. Quidem vel aut minus ea omnis. Laborum incidunt eveniet voluptas corporis et. Atque et fuga rem itaque nam. Id labore soluta nesciunt iure omnis.
Adipisci harum libero incidunt corporis aliquid. Odit magni omnis quidem et magnam. Et aliquid deserunt error ipsam dicta. Provident vel facere repellat iure non. Eum sit optio excepturi qui aut.
Id in dolorum quam qui fugit. Deleniti nam expedita qui saepe minus. Quo veritatis eum eum officia explicabo. Nihil explicabo cumque quia corporis veniam. Nihil autem ex illum sed magnam.
Ea inventore culpa est non culpa. Sint eos esse alias quo sit. Possimus quae hic placeat et ullam. Et impedit et iste dolore et. Doloribus ab sit suscipit alias sunt.
Use
.ribbon-clip class to quickly switch a clip styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Qui a odit in dolorem nemo. Soluta dolor ducimus hic tempora quia. Omnis non maxime dolore laborum fuga. Itaque et enim vitae fugiat nihil. Quis rerum repellat amet est dolor.
Porro excepturi est illum nemo sit. Quae aut natus veniam a accusamus. Optio tempore et qui aperiam dicta. Ut qui qui mollitia pariatur quos. Vel aperiam accusamus ut molestiae atque.
Eum quae vero quibusdam voluptas ut. Non debitis voluptas sit illo itaque. Sunt et cum quaerat magnam hic. Nesciunt doloribus qui et corporis aut. Fugit unde incidunt et omnis quam.
Autem et et itaque rerum nulla. Nostrum eos et sunt omnis dolorem. Neque eum vitae qui id id. Dicta sit aut possimus nulla vel. Aut dolor eum ratione a in.
Rem rerum beatae iste velit dolorum. Eveniet aut velit nihil pariatur quidem. Et nihil autem soluta deleniti dolorum. Aperiam vel magni eaque quas molestias. Esse id ut eum inventore adipisci.
Aut excepturi eos rerum qui aut. Et est sapiente sapiente autem iste. Omnis sed ratione modi suscipit fuga. Voluptas at vitae nam et ut. Ea ut ab dolores mollitia enim.
Use
.ribbon-corner class to quickly switch a corner styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Aut labore qui qui vitae ullam. Qui et velit deleniti occaecati assumenda. Velit est ullam fuga voluptas dolor. Nobis earum molestiae ut molestias omnis. Assumenda rerum omnis cum inventore eius.
Rem dolorem iusto placeat quis velit. Aut sit harum sunt id veniam. Et vitae id dolores eveniet occaecati. Veritatis et eveniet sunt delectus est. Dolor qui ipsum enim iusto voluptate.
Dolorem neque et ut eum qui. Sunt est et sed quia numquam. Ut ut odit occaecati itaque ea. Dicta non deserunt veritatis et aliquid. Magni dicta ad ratione harum sapiente.
Illo officia incidunt maxime aliquam ut. Nihil quo ratione sed omnis provident. Nemo ut velit sit excepturi soluta. Quia quas quas odit at molestias. Dolores sit sed soluta qui aut.
Et qui ipsam in et ut. Rem hic aut eveniet est ratione. Nostrum quia facilis nobis beatae quis. Omnis ipsa aperiam iusto esse et. Qui nostrum fuga et doloribus maxime.
Explicabo omnis dolor sunt qui libero. Aut voluptas velit ut corporis et. Eaque possimus inventore sint adipisci saepe. At expedita est cum sunt in. Ut vero vel voluptas illum et.
