Bootstrap 3! Components

You can use all Bootstrap 3 components with the Promotico template. On this page you'll find how it looks for some of them. This is a simple jumbotron-style component for calling extra attention to featured content or information.

Did you seen enough?

Back to Home or Buy Promotico


Tabs and Pills


Donec laoreet mi quis nunc congue, ut aliquet eros gravida. Sed euismod rhoncus mauris, nec vehicula tellus placerat a. Nulla at massa ac nibh faucibus dictum a volutpat sem.

Sed euismod rhoncus mauris, nec vehicula tellus placerat a. Donec laoreet mi quis nunc congue, ut aliquet eros gravida. Nulla at massa ac nibh faucibus dictum a volutpat sem.

Nulla at massa ac nibh faucibus dictum a volutpat sem. Donec laoreet mi quis nunc congue, ut aliquet eros gravida. Sed euismod rhoncus mauris, nec vehicula tellus placerat a.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum massa in risus gravida semper. Aenean tortor libero, dignissim eget metus a, imperdiet rutrum ipsum.

Nam vestibulum massa in risus gravida semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor libero, dignissim eget metus a, imperdiet rutrum ipsum.

Aenean tortor libero, dignissim eget metus a, imperdiet rutrum ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum massa in risus gravida semper.


Progress Bars


Basic progress bars:

Contextual alternatives:

Animated:

Striped bars:

Contextual alternatives:

Stacked:


Alerts


Well done! You successfully read this alert message.
Heads up! This alert needs your attention.
Warning! Better to check it one more time. It's a warning.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this alert message.
Heads up! This alert needs your attention.
Warning! Better to check it one more time. It's a warning.
Oh snap! Change a few things up and try submitting again.

Media list and Panels


  • Generic placeholder image

    Media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

    Generic placeholder image

    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

    Generic placeholder image

    Nested media heading

    Nulla vel metus scelerisque ante sollicitudin commodo.

    Generic placeholder image

    Nested media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

  • Generic placeholder image

    Media heading

    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.

  • Generic placeholder image

    Media heading

    Nulla vel metus scelerisque ante sollicitudin commodo.

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Heading styles and Text colors


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.


Bootstrap buttons




Custom buttons (fixed width)




Breadcrumbs



And more

You can use all other bootstrap components as well.
If you want to find out more, click on the links below:
CSS snippets  |  Components  |  JavaScript


Find me elsewhere on the web.