Single button group

Multiple button groups

Vertical button groups

Button with Drops

Works with all button sizes

Split button dropdowns

Sizes

Dropup menus

Standard pagination

Pager

Labels

Labels Markup
Default <span class="label">Default</span>
Success <span class="label label-success">Success</span>
Warning <span class="label label-warning">Warning</span>
Important <span class="label label-important">Important</span>
Info <span class="label label-info">Info</span>
Inverse <span class="label label-inverse">Inverse</span>

Badges

Name Example Markup
Default 1 <span class="badge">1</span>
Success 2 <span class="badge badge-success">2</span>
Warning 4 <span class="badge badge-warning">4</span>
Important 6 <span class="badge badge-important">6</span>
Info 8 <span class="badge badge-info">8</span>
Inverse 10 <span class="badge badge-inverse">10</span>

Hero unit

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

Page header

Default alert

Warning! Best check yo self, you're not looking too good.

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Error or danger

Oh snap! Change a few things up and try submitting again.

Success

Well done! You successfully read this important alert message.

Information

Heads up! This alert needs your attention, but it's not super important.

Progress bars For loading, redirecting, or action status

Basic

Striped

Animated

Stacked

Modals

Live demo

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

Tooltips

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.

Four directions

Popovers

Static popover

Popover top

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 bottom

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.

No markup shown as popovers are generated from JavaScript and content within a data attribute.

Live demo

Collapse

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
友情链接:天津旺鲁钢铁销售有限公司  |广州市海珠区朱美拉服装设计室  |吉水县  |天津旺鲁钢铁销售有限公司  |淘男  |福建警  |携程酒店酒店预订  |邹友权--湖南省汨罗市火天乡周公村  |上海德兴结构加固有限公司  |天津旺鲁钢铁销售有限公司  |文山人社网  |嘉兴市巨能电机有限公司  |彪维流体设备(上海)有限公司  |搜狐焦点家居网  |深圳市火星蚂蚁投资管理有限公司  |北京本地宝  |文山人社网  |深圳市火星蚂蚁投资管理有限公司  |北京本地宝  |教育技术服务平台下载  |文山人社网  |天津旺鲁钢铁销售有限公司  |东莞莲通物流  |可来博  |MTV下载网  |中企万业公司  |物润船  |华医网  |电子科技大学本科招生网  |广州市海珠区朱美拉服装设计室  |乐维 (上海)能源技术服务股份有限公司  |天津兹维克传动科技有限公司  |微微健康网 美容  |杭州格蕾斯折扣女装  |四川成都寿碗定制★★★成都冯寿碗  |上海美兰自动化控制技术有限公司  |电子科技大学本科招生网  |乐趣网  |邹友权--湖南省汨罗市火天乡周公村  |万能五笔输入法下载官方网站  |教育技术服务平台下载  |乐趣网  |嘉兴市巨能电机有限公司  |天津兹维克传动科技有限公司  |嘉兴市巨能电机有限公司  |文山人社网  |杭州格蕾斯折扣女装  |乐趣网  |格言网  |乐趣网  |上海美兰自动化控制技术有限公司  |深圳贝德检测  |携程酒店酒店预订  |教育技术服务平台下载  |四川成都寿碗定制★★★成都冯寿碗  |圣元官网  |华医网  |广州市海珠区朱美拉服装设计室  |淘男  |天津旺鲁钢铁销售有限公司  |可来博  |格言网  |香港瑶芳专业祛痘(榆次大学城店)  |上海萍煌实业有限公司  |上海美兰自动化控制技术有限公司  |福建警  |上海萍煌实业有限公司  |深圳市火星蚂蚁投资管理有限公司  |电子科技大学本科招生网  |上海德兴结构加固有限公司  |微微健康网 美容  |圣元官网  |携程酒店酒店预订  |电子科技大学本科招生网  |乐趣网  |圣元官网  |天津旺鲁钢铁销售有限公司  |华医网  |香港瑶芳专业祛痘(榆次大学城店)  |万能五笔输入法下载官方网站  |   网站地图