UI-UX
Buttons
Plain buttons
Buttons border
Form
Checkbox
Toggle
Alerts
.alert .alert-success
.alert .alert-warning
.alert .alert-danger
.alert .alert-info
Labels
- .label .label-default
- .label .label-primary
- .label .label-info
- .label .label-success
- .label .label-warning
- .label .label-danger
List Group
Default
- Lorem ipsum dolor
- Lorem ipsum dolor
- Lorem ipsum dolor
Table
| .table | Deux |
|---|---|
| Un | Deux |
| Un | Deux |
| .table .table-bordered | Deux |
|---|---|
| Un | Deux |
| Un | Deux |
| .table .table-striped | Deux |
|---|---|
| Un | Deux |
| Un | Deux |
Cards
.card
Lorem ipsum 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?
.card .card--sm .bg-primary .text-white
Lorem ipsum 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?
.card .card--lg .bg-secondary .text-white
Lorem ipsum 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
Texts
Text colors
- .text-primary
- .text-secondary
- .text-success
- .text-warning
- .text-danger
- .text-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 default | .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!
.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 | .h1
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
h2 | .h2
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
h3 | .h3
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
h4 | .h4
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
h5 | .h5
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
h6 | .h6
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint iure dolore unde illo eaque perferendis recusandae enim
Text formatted
Title
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?
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?
Title
- list 1
- list 2
- list 3
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?
Title
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?
- list 1
- list 2
- list 3