Theme example
This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.
Buttons
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Default
Primary
Success
Info
Warning
Danger
Link
Tables
#First NameLast NameUsername
1MarkOtto@mdo2JacobThornton@fat3Larrythe Bird@twitter#First NameLast NameUsername
1MarkOtto@mdo2JacobThornton@fat3Larrythe Bird@twitter#First NameLast NameUsername
1MarkOtto@mdoMarkOtto@TwBootstrap2JacobThornton@fat3Larry the Bird@twitter#First NameLast NameUsername
1MarkOtto@mdo2JacobThornton@fat3Larry the Bird@twitterThumbnails
Labels
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Default
Primary
Success
Info
Warning
Danger
Badges
Dropdown menus
Navs
Navbars
Alerts
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Progress bars
List groups
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Panels
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
$(".jumbotron").on("tap",function(e){
$(".jumbotron").css({color:"green"});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史