Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
Username
-.col-lg-* .col-md-* .col-sm-*
- .col-*
- Here's some help text
---Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- -
Slide 1
Slide 2
Slide 3
Slide 1
Slide 2
Slide 3
Slide 1
Slide 2
Slide 3
- Anim pariatur cliche reprehenderit, - enim eiusmod high life accusamus terry richardson ad squid. Nihil - anim keffiyeh helvetica, craft beer labore wes anderson cred - nesciunt sapiente ea proident. -
-- Donec molestie odio id nisi malesuada, mattis tincidunt velit egestas. Sed non pulvinar risus. Aenean - elementum eleifend nunc, pellentesque dapibus arcu hendrerit fringilla. Aliquam in nibh massa. Cras - ultricies lorem non enim volutpat, a eleifend urna placerat. Fusce id luctus urna. In sed leo tellus. - Mauris tristique leo a nisl feugiat, eget vehicula leo venenatis. Quisque magna metus, luctus quis - sollicitudin vel, vehicula nec ipsum. Donec rutrum commodo lacus ut condimentum. Integer vel turpis - purus. Etiam vehicula, nulla non fringilla blandit, massa purus faucibus tellus, a luctus enim orci non - augue. Aenean ullamcorper nisl urna, non feugiat tortor volutpat in. Vivamus lobortis massa dolor, eget - faucibus ipsum varius eget. Pellentesque imperdiet, turpis sed sagittis lobortis, leo elit laoreet arcu, - vehicula sagittis elit leo id nisi. -
-
-
This is a simple hero unit, a simple Jumbotron - style component for calling extra - attention to featured content or information.
-It uses utility classes for typgraphy and spacing to space content out within the larger container.
-
-
This is a modified jumbotron that occupies the entire horizontal space of its parent.
-Velit aute mollit ipsum ad dolor consectetur nulla officia culpa adipisicing exercitation fugiat tempor. Voluptate deserunt sit sunt - nisi aliqua fugiat proident ea ut. Mollit voluptate reprehenderit occaecat nisi ad non minim - tempor sunt voluptate consectetur exercitation id ut nulla. Ea et fugiat aliquip nostrud sunt incididunt consectetur culpa aliquip - eiusmod dolor. Anim ad Lorem aliqua in cupidatat nisi enim eu nostrud do aliquip veniam minim.
-Cupidatat quis ad sint excepteur laborum in esse qui. Et excepteur consectetur ex nisi eu do cillum ad laborum. Mollit et eu officia - dolore sunt Lorem culpa qui commodo velit ex amet id ex. Officia anim incididunt laboris deserunt - anim aute dolor incididunt veniam aute dolore do exercitation. Dolor nisi culpa ex ad irure in elit eu dolore. Ad laboris ipsum - reprehenderit irure non commodo enim culpa commodo veniam incididunt veniam ad.
-Ut ut do pariatur aliquip aliqua aliquip exercitation do nostrud commodo reprehenderit aute ipsum voluptate. Irure Lorem et laboris - nostrud amet cupidatat cupidatat anim do ut velit mollit consequat enim tempor. Consectetur - est minim nostrud nostrud consectetur irure labore voluptate irure. Ipsum id Lorem sit sint voluptate est pariatur eu ad cupidatat et - deserunt culpa sit eiusmod deserunt. Consectetur et fugiat anim do eiusmod aliquip nulla - laborum elit adipisicing pariatur cillum.
-Irure enim occaecat labore sit qui aliquip reprehenderit amet velit. Deserunt ullamco ex elit nostrud ut dolore nisi officia magna - sit occaecat laboris sunt dolor. Nisi eu minim cillum occaecat aute est cupidatat aliqua labore - aute occaecat ea aliquip sunt amet. Aute mollit dolor ut exercitation irure commodo non amet consectetur quis amet culpa. Quis ullamco - nisi amet qui aute irure eu. Magna labore dolor quis ex labore id nostrud deserunt dolor - eiusmod eu pariatur culpa mollit in irure.
-- Hover over the links below to see popover: -
- -
- Tight pants next level keffiyeh
-
| Size | -Example | -Props | -
|---|---|---|
| - Large - | -
- |
-
- Add size={'lg'}
- |
-
| - Normal - | -
- |
- - - - | -
| - Small - | -
- |
-
- Add size={'sm'}
- |
-
- Hover over the links below to see tooltips: -
- -
- Tight pants next level keffiyeh
-
.btn-sm
-
-
-
.btn-lg
-
-
.btn-sm
-
-
-
.btn-lg
-
-
- With outline prop.
-
- Use .btn-ghost-* class for variant="ghost" buttons.
-
- Use .btn-square class for square buttons.
-
- Use .btn-pill class for pill buttons.
-
Fancy larger or smaller buttons? Add size="lg" or size="sm" for additional sizes.
Add prop block
Add prop block
| User | -Country | -Usage | -Payment Method | -Activity | -|
|---|---|---|---|---|---|
|
-
-
- 
-
- |
-
- Yiorgos Avraamu
-
- New | Registered: Jan 1, 2015
-
- |
-
- |
-
-
-
-
- 50%
-
-
- Jun 11, 2015 - Jul 10, 2015
-
- |
-
- |
-
- Last login
- 10 sec ago
- |
-
|
-
-
- 
-
- |
-
- Avram Tarasios
-
-
- Recurring | Registered: Jan 1, 2015
-
- |
-
- |
-
-
-
-
- 10%
-
-
- Jun 11, 2015 - Jul 10, 2015
-
- |
-
- |
-
- Last login
- 5 minutes ago
- |
-
|
-
-
- 
-
- |
-
- Quintin Ed
-
- New | Registered: Jan 1, 2015
-
- |
-
- |
-
-
-
-
- 74%
-
-
- Jun 11, 2015 - Jul 10, 2015
-
- |
-
- |
-
- Last login
- 1 hour ago
- |
-
|
-
-
- 
-
- |
-
- Enéas Kwadwo
-
- New | Registered: Jan 1, 2015
-
- |
-
- |
-
-
-
-
- 98%
-
-
- Jun 11, 2015 - Jul 10, 2015
-
- |
-
- |
-
- Last login
- Last month
- |
-
|
-
-
- 
-
- |
-
- Agapetus Tadeáš
-
- New | Registered: Jan 1, 2015
-
- |
-
- |
-
-
-
-
- 22%
-
-
- Jun 11, 2015 - Jul 10, 2015
-
- |
-
- |
-
- Last login
- Last week
- |
-
|
-
-
- 
-
- |
-
- Friderik Dávid
-
- New | Registered: Jan 1, 2015
-
- |
-
- |
-
-
-
-
- 43%
-
-
- Jun 11, 2015 - Jul 10, 2015
-
- |
-
- |
-
- Last login
- Yesterday
- |
-
.alert-link to provide links
- - Aww yeah, you successfully read this important alert message. This example text is going - to run a bit longer so that you can see how spacing within an alert works with this kind - of content. -
-- Whenever you need to, be sure to use margin utilities to keep things nice and tidy. -
-Sign In to your account
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua.
- -The page you are looking for was not found.
-The page you are looking for is temporarily unavailable.
- -Create your account
-| HEX: | -{ rgbToHex(color) } | -
| RGB: | -{ color } | -
Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.
-| Heading | -Example | -
|---|---|
|
-
|
- h1. Bootstrap heading | -
|
-
|
- h2. Bootstrap heading | -
|
-
|
- h3. Bootstrap heading | -
|
-
|
- h4. Bootstrap heading | -
|
-
|
- h5. Bootstrap heading | -
|
-
|
- h6. Bootstrap heading | -
.h1 through .h6 classes are also available, for when you
- want to match the font styling of a heading but cannot use the associated HTML element.
h1. Bootstrap heading
-h2. Bootstrap heading
-h3. Bootstrap heading
-h4. Bootstrap heading
-h5. Bootstrap heading
-h6. Bootstrap heading
-Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using - a display heading—a larger, slightly more opinionated heading style.
-| Display 1 | -
| Display 2 | -
| Display 3 | -
| Display 4 | -
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using - a display heading—a larger, slightly more opinionated heading style.
-You can use the mark tag to highlight text.
-
- This line of text is meant to be treated as deleted text.
-
This line of text is meant to be treated as no longer accurate.
- This line of text is meant to be treated as an addition to the document. -
-This line of text will render as underlined
-- This line of text is meant to be treated as fine print. -
-This line rendered as bold text.
-This line rendered as italicized text.
-Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can
- optionally add a .text-truncate class to truncate the text with an ellipsis.
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
-Donec id elit non mi porta gravida at eget metus.
-| {`${key}:`} | -{value} | -