Button with icon

You can add icon from about 249 available icons to any choosen buttons. See some example below:

button icon cog button icon heart button icon camera
<a href="your link" class="btn |button type|"><i class="icon-|icon name|"></i> Your button text</a>
						

More variations

Wrap a series of buttons with .btn in .btn-group

<div class="btn-group"> <button class="btn btn-primary">primary</button> <button class="btn btn-success">success</button> <button class="btn btn-inverse">warning</button> </div>
						

Button sizes

There are 5 button sizes: mini, small, normal, medium and large

mini size small size normal size Medium size Large size

Button edge

There are 3 button edge variations: normal, rounded and flat. Simply adding btn-rounded or btn-flat class and you'll get different button edge

normal primary rounded button flat button normal button rounded button flat button

Tab

Augue iriure dolorum per ex, ne iisque ornatus veritus duo. Ex nobis integre lucilius sit, pri ea falli ludus appareat. Eum quodsi fuisset id, nostro patrioque qui id. Nominati eloquentiam in mea.

No eum sanctus vituperata reformidans, dicant abhorreant ut pro. Duo id enim iisque praesent, amet intellegat per et, solet referrentur eum et.

Tale dolor mea ex, te enim assum suscipit cum, vix aliquid omittantur in. Duo eu cibo dolorum menandri, nam sumo dicit admodum ei. Ne mazim commune honestatis cum, mentitum phaedrum sit et.

Cu cum commodo regione definiebas. Cum ea eros laboramus, audire deseruisse his at, munere aeterno ut quo. Et ius doming causae philosophia, vitae bonorum intellegat usu cu.

Alerts

Success! Best check yo self, you're not looking too good.
Danger! Best check yo self, you're not looking too good.
Warning! Change a few things up and try submitting again.
Info! Change a few things up and try submitting again.

Progress bars

60% Complete
40% Complete
45% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Pagination

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

<div class="pagination"> <ul> <li class="disabled"><a href="http://2iuta.mudwt.4cm21.mwljg.7915.pdupdcd.cn/">Prev</a></li> <li class="active"><a href="http://2iuta.mudwt.4cm21.mwljg.7915.pdupdcd.cn/">1</a></li> <li><a href="http://2iuta.mudwt.4cm21.mwljg.7915.pdupdcd.cn/">2</a></li> <li><a href="http://2iuta.mudwt.4cm21.mwljg.7915.pdupdcd.cn/">3</a></li> <li><a href="http://2iuta.mudwt.4cm21.mwljg.7915.pdupdcd.cn/">Next</a></li> </ul> </div>
						
邪恶少女漫画里番之白邪恶少女漫画公交车邪恶少女漫画龙珠系邪恶少女漫画麻辣双娇邪恶少女漫画魅魔系列邪恶少女漫画柯南图片大全集邪恶少女漫画人妻系列图片搜索邪恶少女漫画龙珠系邪恶少女漫画高校劣等生邪恶少女漫画全彩虫子邪恶少女漫画琪露诺邪恶少女漫画里番之白邪恶少女漫画人妻任务邪恶少女漫画牛邪恶少女漫画龙珠系邪恶少女漫画全彩虫子邪恶少女漫画日本无马赛克邪恶少女漫画鸣人和白邪恶少女漫画鸣人和白邪恶少女漫画柯南图片大全邪恶少女漫画搞笑网邪恶少女漫画鸣人和白邪恶少女漫画高校劣等生邪恶少女漫画绘里老师邪恶少女漫画魅魔系列邪恶少女漫画公主邪恶少女漫画麻辣双娇邪恶少女漫画绘里老师邪恶少女漫画教师(50)邪恶少女漫画人妻任务罗紫云的成长之路(这里省略300字)尝试按心中合理的写法写写看会出来什么东西。许天扬。男。 未婚。职业:厨师,,。多愁善感,帅,只因女友丁羚一句话,所以他爱穿西装,甚至厨师的白大挂都想做成西装款。 在都市刻苦学艺,并因为从小练就了一身好功夫,在社会上结识了几位生死挚友并一起打拼出属于他们自己的一片天地。 【家族流+不圣母+快节奏+半幕后流+半无敌】 一朝穿越,成为小家族家主的林洛,开局获得家族氪金暴击成长系统! 什么?天下万物,无不可暴击? 什么?暴击还能获得忠诚度? 给家主我使劲地暴暴暴! 天之骄子?去,我林家儿郎上去先扇他几个耳光! 修炼至宝?不好意思,我林家宝库不收这种垃圾! 武帝大佬?开玩笑,也就我林家护卫的水平! “天呐!我家家主逆天了!” 天骄辈出,大能投奔,林家之威,盖压寰宇! 且看林家如何在林洛的带领下,从微末小家族一步步成长为诸天帝族!“爸爸,我要吃饭饭!” 一觉醒来,来到平行世界的刘子夏,多了个亲的不能再亲的闺女。 为了让女儿吃饱饭,为了让女儿住大房子,也为了让女儿她娘回来…… 刘子夏能怎么办?他也很无奈啊! 好在刘子夏带着一个世界的文娱信息,这些压力,似乎不存在啊? 面对那些文娱大佬,刘子夏表示: “不要误会,我不是针对你,我是说,在座的各位都是垃圾!” 公布企鹅群:1054365860(一零五四三六五八六零)在岩浆中泡澡,在上古杀阵中睡觉; 开着重型装甲车纵横异界; 乘着高达战警和哥斯拉斩仙弑佛…… 搞了个属性值系统,从此加点只加防御! 没办法,怕痛啊!异界的大罗金仙都好凶的,个个都会大威天龙,每天都开小会研究怎么破我的防。 咱也不知道他们为啥这么执着……一个渴望光明的少年,身体里却埋葬着一个地狱,镇压了数十万年的地狱却因为少年心间的一丝光明开始蠢蠢欲动,“光明不该被你们染指,都说死后地狱是我们这些人的尽头,可我不信,我觉得光明才是我们最终的尽头,我们一起去做个见证如何?”言罢,少年也不顾体内的疯狂,万道光明自九幽绽放!本书又名:《炒股致富真是太难了》、《韭菜的自我修养》、《如何不被股市绿》、《技术流&amp;amp;价值投资流的选择》、《亏损八成的我是如何回本的》、《斩断亏损让利润奔跑》、《拒绝成为股市中的乌合之众》、《炒股就是赌运气,别用实力亏掉靠运气赚的钱》······ 看铁逵炒股直播的网友们表示,以上书名都是错的,本书应该又名:《可恶,又被他买到涨停股了》、《放开那个涨停板,让我上!》、《高喊要亏光的他又赚到了》、《他真把股市当取款机》、《我要拜他为师学炒股》、《买股票一定要跟紧他的步伐》······云秋歌,云家嫡系继承人,18岁被设计赶出云家,为了夺回家主之位以及寻找失踪的父母,一步步崛起。 成为黑暗中令人胆寒的魔王,光明里无数人称赞的天骄少年! 这个故事是一个大能重生,随着一步步变强,向邪异复仇的故事。(本人初次写书,请多关照,不喜勿喷,谢谢)
名为 异能者 的少年 南昌交通学院 何老医传 从特种兵开始融合万物 致命的死亡游戏 乾坤阴阳录 天罡童子举世无敌 戚明 至尊小仙农 海贼王:海贼图鉴藏尽天下 都市万古医尊 江湖之石破天惊 有机可乘 今宵杯中映明月 命归虚隐 玉京封神战 神探太司懿之鬼人谷 缘聚缘散缘起缘灭皆为天意 诸天道种 前传:异世奇闻录 邪恶少女漫画公交车上 邪恶少女漫画千金被 邪恶少女漫画日本无马赛克 邪恶少女漫画鸣人和白 邪恶少女漫画公交车上 邪恶少女漫画公主监狱 邪恶少女漫画扶他 邪恶少女漫画全集约 邪恶少女漫画公主 邪恶少女漫画人妻任务 邪恶少女漫画高校劣等生 邪恶少女漫画肛出轨 邪恶少女漫画火车 邪恶少女漫画全彩虫子 邪恶少女漫画柯南图片大全集 邪恶少女漫画魅魔系列 邪恶少女漫画扶他 邪恶少女漫画公主 邪恶少女漫画搞笑网 邪恶少女漫画里番之白 邪恶少女漫画千金被 邪恶少女漫画龙珠系 邪恶少女漫画公交车 邪恶少女漫画牛 邪恶少女漫画全彩虫子 邪恶少女漫画火车 邪恶少女漫画公主 邪恶少女漫画公交车 邪恶少女漫画搞笑网 邪恶少女漫画公主 邪恶少女漫画魅魔系列 邪恶少女漫画千金被 邪恶少女漫画萝莉护士 邪恶少女漫画里番之白 邪恶少女漫画绘里老师 邪恶少女漫画魅魔系列 邪恶少女漫画萝莉护士 邪恶少女漫画日本无马赛克 邪恶少女漫画火车 邪恶少女漫画萝莉护士 邪恶少女漫画魅魔系列 邪恶少女漫画人妻全 邪恶少女漫画柯南图片大全 邪恶少女漫画肛出轨 邪恶少女漫画牛 邪恶少女漫画千金被 邪恶少女漫画肛出轨 邪恶少女漫画麻辣双娇 邪恶少女漫画教师(50) 邪恶少女漫画人妻系列图片搜索 亚星游戏官网 亚星官网 亚星官网 亚星游戏官网 亚星官网 良程之一路相随 妖顺记 万噬龙皇 御兽之殇 我是一个兵之兵之路 亚星游戏官网 万利官网 欧博游戏官网 亚星官网 葡京官网 邪恶少女漫画公主监狱 邪恶少女漫画鸣人和白 邪恶少女漫画人妻系列图片搜索 邪恶少女漫画千金被 邪恶少女漫画牛 邪恶少女漫画高校全彩 邪恶少女漫画琪露诺 邪恶少女漫画全集约 邪恶少女漫画高校劣等生 邪恶少女漫画人妻全 邪恶少女漫画里番之白 邪恶少女漫画人妻系列图片 邪恶少女漫画里番之白 邪恶少女漫画公主监狱 邪恶少女漫画龙珠系 邪恶少女漫画日本无马赛克 邪恶少女漫画魅魔系列 邪恶少女漫画扶他 邪恶少女漫画公主监狱 邪恶少女漫画高校劣等生 邪恶少女漫画扶他 邪恶少女漫画柯南图片大全集 邪恶少女漫画肛出轨 邪恶少女漫画搞笑网 邪恶少女漫画柯南图片大全 邪恶少女漫画公交车 邪恶少女漫画全集约 邪恶少女漫画公主 邪恶少女漫画全集约 邪恶少女漫画魅魔系列