Alerts

Success

Aenean viverra rhoncus pede. Aliquam erat volutpat. Integer tincidunt. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem.

Warning

Aenean viverra rhoncus pede. Aliquam erat volutpat. Integer tincidunt. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem.

Danger

Aenean viverra rhoncus pede. Aliquam erat volutpat. Integer tincidunt. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem.

Info

Aenean viverra rhoncus pede. Aliquam erat volutpat. Integer tincidunt. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Maecenas ullamcorper, dui et placerat feugiat, eros pede varius nisi, condimentum viverra felis nunc et lorem.


Buttons

White buttons

Buttons icon

Buttons group

Buttons sizes

Block

Input groups


Form

Fields

Ce champ est obligatoire.
Ce champ est obligatoire.
Ce champ est obligatoire.

Sizes

Ce champ est obligatoire.
Ce champ est obligatoire.
Ce champ est obligatoire.

Checkbox

Toggle

Radio check


Labels

  • Default
  • Primary
  • Info
  • Success
  • Warning
  • Danger

Pagination

Default

Small

Large


List Group

Default

  • Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.
  • Lorem ipsum dolor
  • Lorem ipsum dolor

Panel group

Panel group item 1

Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.

Vivamus consectetuer hendrerit lacus. Ut a nisl id ante tempus hendrerit. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Morbi nec metus. In ac felis quis tortor malesuada pretium.

Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.

Vivamus consectetuer hendrerit lacus. Ut a nisl id ante tempus hendrerit. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Morbi nec metus. In ac felis quis tortor malesuada pretium.

Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.

Vivamus consectetuer hendrerit lacus. Ut a nisl id ante tempus hendrerit. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Morbi nec metus. In ac felis quis tortor malesuada pretium.


Tabs

Tab 1

Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.

Vivamus consectetuer hendrerit lacus. Ut a nisl id ante tempus hendrerit. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Morbi nec metus. In ac felis quis tortor malesuada pretium.

Tab 2

Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.

Vivamus consectetuer hendrerit lacus. Ut a nisl id ante tempus hendrerit. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Morbi nec metus. In ac felis quis tortor malesuada pretium.

Tab 3

Fusce neque. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Ut a nisl id ante tempus hendrerit. Donec sodales sagittis magna. Nam pretium turpis et arcu.

Vivamus consectetuer hendrerit lacus. Ut a nisl id ante tempus hendrerit. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Morbi nec metus. In ac felis quis tortor malesuada pretium.


Table

Default

# First Name Last Name Username
1 Mark Otto mdo
2 Jacob Thornton fat
3 Larry the Bird twitter

Striped

# First Name Last Name Username
1 Mark Otto mdo
2 Jacob Thornton fat
3 Larry the Bird twitter

Bordered

# First Name Last Name Username
1 Mark Otto mdo
Mark Otto TwBootstrap
2 Jacob Thornton fat
3 Larry the Bird twitter

Condensed

# First Name Last Name Username
1 Mark Otto mdo
2 Jacob Thornton fat
3 Larry the Bird twitter

Cards

Lorem ipsum dolor dolor sit amet consectetur adipisicing elit. Est adipisci odio alias, qui eligendi rerum enim sit cupiditate iure amet! Dicta neque quos ea voluptatum laudantium consequuntur unde inventore accusantium?


Links

White links


Texts

Text colors

  • Primary
  • Secondary
  • Success
  • Warning
  • Danger
  • Info

Text sizes

Text 1
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ad, asperiores unde consequuntur laboriosam iste et facilis quisquam minima quasi ipsam, fuga perferendis consequatur vel architecto maiores nulla, in repudiandae!

Text 2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ad, asperiores unde consequuntur laboriosam iste et facilis quisquam minima quasi ipsam, fuga perferendis consequatur vel architecto maiores nulla, in repudiandae!

Text 3
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Earum illo, nulla at sequi consequuntur nostrum iste modi suscipit necessitatibus magni unde voluptatem mollitia eum blanditiis error molestias architecto. Vitae, repellat!

Text 4
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta ad, asperiores unde consequuntur laboriosam iste et facilis quisquam minima quasi ipsam, fuga perferendis consequatur vel architecto maiores nulla, in repudiandae!

Text 5
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Earum illo, nulla at sequi consequuntur nostrum iste modi suscipit necessitatibus magni unde voluptatem mollitia eum blanditiis error molestias architecto. Vitae, repellat!

Lead
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Earum illo, nulla at sequi consequuntur nostrum iste modi suscipit necessitatibus magni unde voluptatem mollitia eum blanditiis error molestias architecto. Vitae, repellat!

Titles

h1 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim

h2 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim

h3 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim

h4 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim

h5 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
h6 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim

Text formatted

Title 1

Lorem ipsum dolor dolor sit amet consectetur adipisicing elit. Est adipisci odio alias, qui eligendi rerum enim sit cupiditate iure amet! Dicta neque quos ea voluptatum laudantium consequuntur unde inventore accusantium?

Vestibulum suscipit nulla quis orci. Morbi ac felis. Pellentesque posuere. Phasellus tempus. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.

Title 2

Lorem ipsum dolor dolor sit amet consectetur adipisicing elit. Est adipisci odio alias, qui eligendi rerum enim sit cupiditate iure amet! Dicta neque quos ea voluptatum laudantium consequuntur unde inventore accusantium?

Vestibulum suscipit nulla quis orci. Morbi ac felis. Pellentesque posuere. Phasellus tempus. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.

  • Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec posuere vulputate arcu. Praesent egestas neque eu enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vel dui.
    • Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec posuere vulputate arcu
    • Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae
  • Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec posuere vulputate arcu. Praesent egestas neque eu enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vel dui.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec posuere vulputate arcu. Praesent egestas neque eu enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vel dui.

Title 3

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec posuere vulputate arcu. Praesent egestas neque eu enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vel dui.

Estimez votre bien