Various types of buttons. Using the base class .btn
| Normal | +Large .btn-lg |
+ Small .btn-sm |
+ X-Small .btn-xs |
+ Flat .btn-flat |
+ Disabled .disabled |
+
|---|---|---|---|---|---|
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
+ Horizontal button groups are easy to create with bootstrap. Just add your buttons
+ inside <div class="btn-group"></div>
+
| Button | +Icons | +Flat | +Dropdown | +
|---|---|---|---|
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
With dropdown
+ +Normal
+ +Flat
+ +Normal split buttons:
+ +Flat split buttons:
+ +Add the classes .btn.btn-app to an <a> tag to achieve the following:
Mix and match with various background colors. Use base class .btn and add any available
+ .bg-* class
+ + + + + +
+ ++ + + + + +
+
+ Vertical button groups are easy to create with bootstrap. Just add your buttons
+ inside <div class="btn-group-vertical"></div>
+
| Button | +Icons | +Flat | +Dropdown | +
|---|---|---|---|
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
|
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ |
+
There is a problem that we need to fix. A wonderful serenity has taken possession of my entire soul, + like these sweet mornings of spring which I enjoy with my whole heart.
+Follow the steps to continue to payment.
+This is a yellow callout.
+This is a green callout.
+.progress
Class: .sm
Class: .xs
Class: .xxs
By adding the class .vertical and .progress-sm, .progress-xs or
+ .progress-xxs we achieve:
By adding the class .vertical we achieve:
Lead to emphasize importance
+ +Text green to emphasize success
+ +Text aqua to emphasize info
+ +Text light blue to emphasize info (2)
+ +Text red to emphasize danger
+ +Text yellow to emphasize warning
+ +Text muted to emphasize general
+++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ Someone famous in Source Title +
++Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+ Someone famous in Source Title +
data-slider-id="red"
+ + +data-slider-id="blue"
+ + +data-slider-id="green"
+ + +data-slider-id="yellow"
+ + +data-slider-id="aqua"
+ + +data-slider-id="purple"
++<ul class="timeline"> + + <!-- timeline time label --> + <li class="time-label"> + <span class="bg-red"> + 10 Feb. 2014 + </span> + </li> + <!-- /.timeline-label --> + + <!-- timeline item --> + <li> + <!-- timeline icon --> + <i class="fa fa-envelope bg-blue"></i> + <div class="timeline-item"> + <span class="time"><i class="fa fa-clock-o"></i> 12:05</span> + + <h3 class="timeline-header"><a href="#">Support Team</a> ...</h3> + + <div class="timeline-body"> + ... + Content goes here + </div> + + <div class="timeline-footer"> + <a class="btn btn-primary btn-xs">...</a> + </div> + </div> + </li> + <!-- END timeline item --> + + ... + +</ul> ++
The following three inline (sparkline) chart have been initialized to read and interpret data tags
++ Mouse speed Loading.. +
+ ++ Inline 10,8,9,3,5,8,5 + line graphs + 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 +
+ ++ Bar charts + negative values: + stacked: +
+ ++ Composite inline + 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 +
+ ++ Inline with normal range + 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 +
+ ++ Composite bar + 4,6,7,7,4,3,2,1,4 +
+ +
+ Discrete
+ 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5
+
+ Discrete with threshold
+ 4,6,7,7,4,3,2,1,4
+
+ Bullet charts
+ 10,12,12,9,7
+ 14,12,12,9,7
+ 10,12,14,9,7
+
+ Customize size and colours + 10,8,9,3,5,8,5,7 +
+ +
+ Tristate charts
+ 1,1,0,1,-1,-1,1,-1,0,0,1,1
+ (think games won, lost or drawn)
+
+ Tristate chart using a colour map: + 1,2,0,2,-1,-2,1,-2,0,0,1,1 +
+ +
+ Box Plot: 4,27,34,52,54,59,61,68,78,82,85,87,91,93,100
+ Pre-computed box plot Loading..
+
+ Pie charts + 1,1,2 + 1,5 + 20,50,80 +
+Morris.js charts are no longer maintained by its author. We would recommend using any of the other + charts that come with the template.
++ We could not find the page you were looking for. + Meanwhile, you may return to dashboard or try using the search form. +
+ + ++ We will work on fixing that right away. + Meanwhile, you may return to dashboard or try using the search form. +
+ + +| Qty | +Product | +Serial # | +Description | +Subtotal | +
|---|---|---|---|---|
| 1 | +Call of Duty | +455-981-221 | +El snort testosterone trophy driving gloves handsome | +$64.50 | +
| 1 | +Need for Speed IV | +247-925-726 | +Wes Anderson umami biodiesel | +$50.00 | +
| 1 | +Monsters DVD | +735-845-642 | +Terry Richardson helvetica tousled street art master | +$10.70 | +
| 1 | +Grown Ups Blue Ray | +422-568-642 | +Tousled lomo letterpress | +$25.99 | +
Payment Methods:
+
+ 
+ 
+ 
+
+ + Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr + jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. +
+Amount Due 2/22/2014
+ +| Subtotal: | +$250.30 | +
|---|---|
| Tax (9.3%) | +$10.34 | +
| Shipping: | +$5.80 | +
| Total: | +$265.24 | +
| Qty | +Product | +Serial # | +Description | +Subtotal | +
|---|---|---|---|---|
| 1 | +Call of Duty | +455-981-221 | +El snort testosterone trophy driving gloves handsome | +$64.50 | +
| 1 | +Need for Speed IV | +247-925-726 | +Wes Anderson umami biodiesel | +$50.00 | +
| 1 | +Monsters DVD | +735-845-642 | +Terry Richardson helvetica tousled street art master | +$10.70 | +
| 1 | +Grown Ups Blue Ray | +422-568-642 | +Tousled lomo letterpress | +$25.99 | +
Payment Methods:
+
+
+
+
+
+ + Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg + dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. +
+Amount Due 2/22/2014
+ +| Subtotal: | +$250.30 | +
|---|---|
| Tax (9.3%) | +$10.34 | +
| Shipping: | +$5.80 | +
| Total: | +$265.24 | +
+ $(document).ajaxStart(function() { Pace.restart(); });
+ + B.S. in Computer Science from the University of Tennessee at Knoxville +
+ +Malibu, California
+ ++ UI Design + Coding + Javascript + PHP + Node.js +
+ +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum enim neque.
++ Lorem ipsum represents a long-held tradition for designers, + typographers and the like. Some people hate it and argue for + its demise, but others ignore the hate as they create awesome + tools to help create filler text for everyone from bacon lovers + to Charlie Sheen fans. +
++ Lorem ipsum represents a long-held tradition for designers, + typographers and the like. Some people hate it and argue for + its demise, but others ignore the hate as they create awesome + tools to help create filler text for everyone from bacon lovers + to Charlie Sheen fans. +
+ + +
+ 
+ 
+ 
+
+ Register a new membership
+ + + + + + I already have a membership +Large: .input-group.input-group-lg
Normal
+ +Small .input-group.input-group-sm
Add the layout-boxed class to the body tag to get this layout. The boxed layout is helpful when working on + large screens because it prevents the site from stretching very wide.
+Add the sidebar-collapse class to the body tag to get this layout. You should combine this option with a + fixed layout if you have a long sidebar. Doing that will prevent your page content from getting stretched + vertically.
+Add the fixed class to the body tag to get this layout. The fixed layout is your best option if your sidebar + is bigger than your content because it prevents extra unwanted scrolling.
+Add the layout-top-nav class to the body tag to get this layout. This feature can also be used with a + sidebar! So use this class if you want to remove the custom dropdown menus from the navbar and use regular + links instead.
+The construction of this layout differs from the normal one. In other words, the HTML markup of the navbar + and the content will slightly differ than that of the normal layout.
+Max. 32MB
+| Rendering engine | +Browser | +Platform(s) | +Engine version | +CSS grade | +
|---|---|---|---|---|
| Trident | +Internet + Explorer 4.0 + | +Win 95+ | +4 | +X | +
| Trident | +Internet + Explorer 5.0 + | +Win 95+ | +5 | +C | +
| Trident | +Internet + Explorer 5.5 + | +Win 95+ | +5.5 | +A | +
| Trident | +Internet + Explorer 6 + | +Win 98+ | +6 | +A | +
| Trident | +Internet Explorer 7 | +Win XP SP2+ | +7 | +A | +
| Trident | +AOL browser (AOL desktop) | +Win XP | +6 | +A | +
| Gecko | +Firefox 1.0 | +Win 98+ / OSX.2+ | +1.7 | +A | +
| Gecko | +Firefox 1.5 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Firefox 2.0 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Firefox 3.0 | +Win 2k+ / OSX.3+ | +1.9 | +A | +
| Gecko | +Camino 1.0 | +OSX.2+ | +1.8 | +A | +
| Gecko | +Camino 1.5 | +OSX.3+ | +1.8 | +A | +
| Gecko | +Netscape 7.2 | +Win 95+ / Mac OS 8.6-9.2 | +1.7 | +A | +
| Gecko | +Netscape Browser 8 | +Win 98SE+ | +1.7 | +A | +
| Gecko | +Netscape Navigator 9 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Mozilla 1.0 | +Win 95+ / OSX.1+ | +1 | +A | +
| Gecko | +Mozilla 1.1 | +Win 95+ / OSX.1+ | +1.1 | +A | +
| Gecko | +Mozilla 1.2 | +Win 95+ / OSX.1+ | +1.2 | +A | +
| Gecko | +Mozilla 1.3 | +Win 95+ / OSX.1+ | +1.3 | +A | +
| Gecko | +Mozilla 1.4 | +Win 95+ / OSX.1+ | +1.4 | +A | +
| Gecko | +Mozilla 1.5 | +Win 95+ / OSX.1+ | +1.5 | +A | +
| Gecko | +Mozilla 1.6 | +Win 95+ / OSX.1+ | +1.6 | +A | +
| Gecko | +Mozilla 1.7 | +Win 98+ / OSX.1+ | +1.7 | +A | +
| Gecko | +Mozilla 1.8 | +Win 98+ / OSX.1+ | +1.8 | +A | +
| Gecko | +Seamonkey 1.1 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Epiphany 2.20 | +Gnome | +1.8 | +A | +
| Webkit | +Safari 1.2 | +OSX.3 | +125.5 | +A | +
| Webkit | +Safari 1.3 | +OSX.3 | +312.8 | +A | +
| Webkit | +Safari 2.0 | +OSX.4+ | +419.3 | +A | +
| Webkit | +Safari 3.0 | +OSX.4+ | +522.1 | +A | +
| Webkit | +OmniWeb 5.5 | +OSX.4+ | +420 | +A | +
| Webkit | +iPod Touch / iPhone | +iPod | +420.1 | +A | +
| Webkit | +S60 | +S60 | +413 | +A | +
| Presto | +Opera 7.0 | +Win 95+ / OSX.1+ | +- | +A | +
| Presto | +Opera 7.5 | +Win 95+ / OSX.2+ | +- | +A | +
| Presto | +Opera 8.0 | +Win 95+ / OSX.2+ | +- | +A | +
| Presto | +Opera 8.5 | +Win 95+ / OSX.2+ | +- | +A | +
| Presto | +Opera 9.0 | +Win 95+ / OSX.3+ | +- | +A | +
| Presto | +Opera 9.2 | +Win 88+ / OSX.3+ | +- | +A | +
| Presto | +Opera 9.5 | +Win 88+ / OSX.3+ | +- | +A | +
| Presto | +Opera for Wii | +Wii | +- | +A | +
| Presto | +Nokia N800 | +N800 | +- | +A | +
| Presto | +Nintendo DS browser | +Nintendo DS | +8.5 | +C/A1 | +
| KHTML | +Konqureror 3.1 | +KDE 3.1 | +3.1 | +C | +
| KHTML | +Konqureror 3.3 | +KDE 3.3 | +3.3 | +A | +
| KHTML | +Konqureror 3.5 | +KDE 3.5 | +3.5 | +A | +
| Tasman | +Internet Explorer 4.5 | +Mac OS 8-9 | +- | +X | +
| Tasman | +Internet Explorer 5.1 | +Mac OS 7.6-9 | +1 | +C | +
| Tasman | +Internet Explorer 5.2 | +Mac OS 8-X | +1 | +C | +
| Misc | +NetFront 3.1 | +Embedded devices | +- | +C | +
| Misc | +NetFront 3.4 | +Embedded devices | +- | +A | +
| Misc | +Dillo 0.8 | +Embedded devices | +- | +X | +
| Misc | +Links | +Text only | +- | +X | +
| Misc | +Lynx | +Text only | +- | +X | +
| Misc | +IE Mobile | +Windows Mobile 6 | +- | +C | +
| Misc | +PSP browser | +PSP | +- | +C | +
| Other browsers | +All others | +- | +- | +U | +
| Rendering engine | +Browser | +Platform(s) | +Engine version | +CSS grade | +
| Rendering engine | +Browser | +Platform(s) | +Engine version | +CSS grade | +
|---|---|---|---|---|
| Trident | +Internet + Explorer 4.0 + | +Win 95+ | +4 | +X | +
| Trident | +Internet + Explorer 5.0 + | +Win 95+ | +5 | +C | +
| Trident | +Internet + Explorer 5.5 + | +Win 95+ | +5.5 | +A | +
| Trident | +Internet + Explorer 6 + | +Win 98+ | +6 | +A | +
| Trident | +Internet Explorer 7 | +Win XP SP2+ | +7 | +A | +
| Trident | +AOL browser (AOL desktop) | +Win XP | +6 | +A | +
| Gecko | +Firefox 1.0 | +Win 98+ / OSX.2+ | +1.7 | +A | +
| Gecko | +Firefox 1.5 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Firefox 2.0 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Firefox 3.0 | +Win 2k+ / OSX.3+ | +1.9 | +A | +
| Gecko | +Camino 1.0 | +OSX.2+ | +1.8 | +A | +
| Gecko | +Camino 1.5 | +OSX.3+ | +1.8 | +A | +
| Gecko | +Netscape 7.2 | +Win 95+ / Mac OS 8.6-9.2 | +1.7 | +A | +
| Gecko | +Netscape Browser 8 | +Win 98SE+ | +1.7 | +A | +
| Gecko | +Netscape Navigator 9 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Mozilla 1.0 | +Win 95+ / OSX.1+ | +1 | +A | +
| Gecko | +Mozilla 1.1 | +Win 95+ / OSX.1+ | +1.1 | +A | +
| Gecko | +Mozilla 1.2 | +Win 95+ / OSX.1+ | +1.2 | +A | +
| Gecko | +Mozilla 1.3 | +Win 95+ / OSX.1+ | +1.3 | +A | +
| Gecko | +Mozilla 1.4 | +Win 95+ / OSX.1+ | +1.4 | +A | +
| Gecko | +Mozilla 1.5 | +Win 95+ / OSX.1+ | +1.5 | +A | +
| Gecko | +Mozilla 1.6 | +Win 95+ / OSX.1+ | +1.6 | +A | +
| Gecko | +Mozilla 1.7 | +Win 98+ / OSX.1+ | +1.7 | +A | +
| Gecko | +Mozilla 1.8 | +Win 98+ / OSX.1+ | +1.8 | +A | +
| Gecko | +Seamonkey 1.1 | +Win 98+ / OSX.2+ | +1.8 | +A | +
| Gecko | +Epiphany 2.20 | +Gnome | +1.8 | +A | +
| Webkit | +Safari 1.2 | +OSX.3 | +125.5 | +A | +
| Webkit | +Safari 1.3 | +OSX.3 | +312.8 | +A | +
| Webkit | +Safari 2.0 | +OSX.4+ | +419.3 | +A | +
| Webkit | +Safari 3.0 | +OSX.4+ | +522.1 | +A | +
| Webkit | +OmniWeb 5.5 | +OSX.4+ | +420 | +A | +
| Webkit | +iPod Touch / iPhone | +iPod | +420.1 | +A | +
| Webkit | +S60 | +S60 | +413 | +A | +
| Presto | +Opera 7.0 | +Win 95+ / OSX.1+ | +- | +A | +
| Presto | +Opera 7.5 | +Win 95+ / OSX.2+ | +- | +A | +
| Presto | +Opera 8.0 | +Win 95+ / OSX.2+ | +- | +A | +
| Presto | +Opera 8.5 | +Win 95+ / OSX.2+ | +- | +A | +
| Presto | +Opera 9.0 | +Win 95+ / OSX.3+ | +- | +A | +
| Presto | +Opera 9.2 | +Win 88+ / OSX.3+ | +- | +A | +
| Presto | +Opera 9.5 | +Win 88+ / OSX.3+ | +- | +A | +
| Presto | +Opera for Wii | +Wii | +- | +A | +
| Presto | +Nokia N800 | +N800 | +- | +A | +
| Presto | +Nintendo DS browser | +Nintendo DS | +8.5 | +C/A1 | +
| KHTML | +Konqureror 3.1 | +KDE 3.1 | +3.1 | +C | +
| KHTML | +Konqureror 3.3 | +KDE 3.3 | +3.3 | +A | +
| KHTML | +Konqureror 3.5 | +KDE 3.5 | +3.5 | +A | +
| Tasman | +Internet Explorer 4.5 | +Mac OS 8-9 | +- | +X | +
| Tasman | +Internet Explorer 5.1 | +Mac OS 7.6-9 | +1 | +C | +
| Tasman | +Internet Explorer 5.2 | +Mac OS 8-X | +1 | +C | +
| Misc | +NetFront 3.1 | +Embedded devices | +- | +C | +
| Misc | +NetFront 3.4 | +Embedded devices | +- | +A | +
| Misc | +Dillo 0.8 | +Embedded devices | +- | +X | +
| Misc | +Links | +Text only | +- | +X | +
| Misc | +Lynx | +Text only | +- | +X | +
| Misc | +IE Mobile | +Windows Mobile 6 | +- | +C | +
| Misc | +PSP browser | +PSP | +- | +C | +
| Other browsers | +All others | +- | +- | +U | +
| Rendering engine | +Browser | +Platform(s) | +Engine version | +CSS grade | +
| # | +Task | +Progress | +Label | +
|---|---|---|---|
| 1. | +Update software | +
+
+
+
+ |
+ 55% | +
| 2. | +Clean database | +
+
+
+
+ |
+ 70% | +
| 3. | +Cron job running | +
+
+
+
+ |
+ 30% | +
| 4. | +Fix and squish bugs | +
+
+
+
+ |
+ 90% | +
| # | +Task | +Progress | +Label | +
|---|---|---|---|
| 1. | +Update software | +
+
+
+
+ |
+ 55% | +
| 2. | +Clean database | +
+
+
+
+ |
+ 70% | +
| 3. | +Cron job running | +
+
+
+
+ |
+ 30% | +
| 4. | +Fix and squish bugs | +
+
+
+
+ |
+ 90% | +
| # | +Task | +Progress | +Label | +
|---|---|---|---|
| 1. | +Update software | +
+
+
+
+ |
+ 55% | +
| 2. | +Clean database | +
+
+
+
+ |
+ 70% | +
| 3. | +Cron job running | +
+
+
+
+ |
+ 30% | +
| 4. | +Fix and squish bugs | +
+
+
+
+ |
+ 90% | +
| # | +Task | +Progress | +Label | +
|---|---|---|---|
| 1. | +Update software | +
+
+
+
+ |
+ 55% | +
| 2. | +Clean database | +
+
+
+
+ |
+ 70% | +
| 3. | +Cron job running | +
+
+
+
+ |
+ 30% | +
| 4. | +Fix and squish bugs | +
+
+
+
+ |
+ 90% | +
| ID | +User | +Date | +Status | +Reason | +
|---|---|---|---|---|
| 183 | +John Doe | +11-7-2014 | +Approved | +Bacon ipsum dolor sit amet salami venison chicken flank fatback doner. | +
| 219 | +Alexander Pierce | +11-7-2014 | +Pending | +Bacon ipsum dolor sit amet salami venison chicken flank fatback doner. | +
| 657 | +Bob Doe | +11-7-2014 | +Approved | +Bacon ipsum dolor sit amet salami venison chicken flank fatback doner. | +
| 175 | +Mike Doe | +11-7-2014 | +Denied | +Bacon ipsum dolor sit amet salami venison chicken flank fatback doner. | +
+ 
+
+
+
+
+
+
+ 
+
+
+ 
+
+ I took this photo this morning. What do you guys think?
+ + + 127 likes - 3 comments +
+
+ 
+
+ Far far away, behind the word mountains, far from the + countries Vokalia and Consonantia, there live the blind + texts. Separated they live in Bookmarksgrove right at
+ +the coast of the Semantics, a large language ocean. + A small river named Duden flows by their place and supplies + it with the necessary regelialia. It is a paradisematic + country, in which roasted parts of sentences fly into + your mouth.
+ + +
+
+
+
+
+
+ 
+
+ 
+
+ 
+ 
+