Tag Header

Questo è testo in un H1

Questo è testo in un H2

Questo è testo in un H3

Questo è testo in un H4

Questo è testo in un H5

Containers

One of three columns
One of three columns
One of three columns

1 of 2
2 of 2
1 of 3
2 of 3
3 of 3

Column
Column
Column
Column

Inline Text Elements

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.

Lists

Description list

Description lists
A description list is perfect for defining terms.
Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Truncated term is truncated
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Nesting
Nested definition list
Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.

Tables

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

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

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

Alerts


Badges



Buttons



Link

Cards

Harley
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Header
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.


Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Harley
Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago


Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Harley
Card title

This card has supporting text below as a natural lead-in to additional content.

Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.


Harley
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Harley
Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago


Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Harley
Card title

This card has supporting text below as a natural lead-in to additional content.

Harley
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Dropdowns



Forms

We'll never share your email with anyone else.







Radios
Checkbox

@

Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Input group

@
@example.com
https://example.com/users/
$
.00
With textarea

Jumbotron

Hello, world!

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 typography and spacing to space content out within the larger container.

Learn more

Nav





Navbar






Pagination


Spinner

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Tooltip