Madison Gartner Front end developer
  • My posts 289
  • Users online 892
  • Reports 92
  • Balance
    $45.389

Components Bootstrap & Jquery UI components

9
User interface components

Page contains default Bootstrap/jQuery UI and custom visual components and notifications.

Modals
Default dialog style

Modal title

One fine body…

Growl notifications
Default Growl styling
×
Some info!
Info message text sample
×
Error!
Something went wrong here
×
Warning!
Be sure you want to do it!
×
Success!
Everything is fine here
Spinners
Progress bars
Progress bar colors
15% Complete
35% Complete
55% Complete
75% Complete
95% Complete
Progress bar options
20% Complete
40% Complete
60% Complete
80% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Progress bar with title
15%
35%
55%
75%
95%
Alerts
Error alert
Success alert
Warning & default alert
Good to know! Info alert
Contextual backgrounds
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.
Alerts
Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take action Or do this
Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take action Or do this
Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take action Or do this
Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take action Or do this
Tooltips
Top Right Bottom Left
Popovers

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Date picker
Date picker options
Default date picker style
Sliders
Color picker
Change navbar color
Time picker
Labels
Labels Markup
Default <span class="label label-default">Default</span>
Primary <span class="label label-primary">Primary</span>
Success <span class="label label-success">Success</span>
Warning <span class="label label-warning">Warning</span>
Danger <span class="label label-danger">Danger</span>
Info <span class="label label-info">Info</span>
142 <span class="badge">Badge</span>
Pagination
Large pagination .pagination-lg
Default .pagination
Small .pagination-sm
Left aligned pagination (default)
Centered pagination .text-center
Right aligned pagination .text-right
Double pagination .pull-left, .pull-right
Pager
Default pager
Unboxed pager
With disabled button
© 2013. Londinium Admin Template by Eugene Kopyov