Buttons & icons

All Buttons
Mini Buttons
(class="btn btn-mini")


General Buttons

(class="btn")


Large Buttons

(class="btn btn-large")

All Buttons

Split button dropdowns

Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.

Font Awesome icons
  • icon-adjust
  • icon-asterisk
  • icon-ban-circle
  • icon-bar-chart
  • icon-barcode
  • icon-beaker
  • icon-bell
  • icon-bolt
  • icon-book
  • icon-bookmark
  • icon-bookmark-empty
  • icon-briefcase
  • icon-bullhorn
  • icon-calendar
  • icon-camera
  • icon-camera-retro
  • icon-certificate
  • icon-check
  • icon-check-empty
  • icon-cloud
  • icon-cog
  • icon-cogs
  • icon-comment
  • icon-comment-alt
  • icon-comments
  • icon-comments-alt
  • icon-credit-card
  • icon-dashboard
  • icon-download
  • icon-download-alt
  • icon-edit
  • icon-envelope
  • icon-envelope-alt
  • icon-exclamation-sign
  • icon-external-link
  • icon-eye-close
  • icon-eye-open
  • icon-facetime-video
  • icon-film
  • icon-filter
  • icon-fire
  • icon-flag
  • icon-folder-close
  • icon-folder-open
  • icon-gift
  • icon-glass
  • icon-globe
  • icon-group
  • icon-hdd
  • icon-headphones
  • icon-heart
  • icon-heart-empty
  • icon-home
  • icon-inbox
  • icon-info-sign
  • icon-key
  • icon-leaf
  • icon-legal
  • icon-lemon
  • icon-lock
  • icon-unlock
  • icon-magic
  • icon-magnet
  • icon-map-marker
  • icon-minus
  • icon-minus-sign
  • icon-money
  • icon-move
  • icon-music
  • icon-off
  • icon-ok
  • icon-ok-circle
  • icon-ok-sign
  • icon-pencil
  • icon-picture
  • icon-plane
  • icon-plus
  • icon-plus-sign
  • icon-print
  • icon-pushpin
  • icon-qrcode
  • icon-question-sign
  • icon-random
  • icon-refresh
  • icon-remove
  • icon-remove-circle
  • icon-remove-sign
  • icon-reorder
  • icon-resize-horizontal
  • icon-resize-vertical
  • icon-retweet
  • icon-road
  • icon-rss
  • icon-screenshot
  • icon-search
  • icon-share
  • icon-share-alt
  • icon-shopping-cart
  • icon-signal
  • icon-signin
  • icon-signout
  • icon-sitemap
  • icon-sort
  • icon-sort-down
  • icon-sort-up
  • icon-star
  • icon-star-empty
  • icon-star-half
  • icon-tag
  • icon-tags
  • icon-tasks
  • icon-thumbs-down
  • icon-thumbs-up
  • icon-time
  • icon-tint
  • icon-trash
  • icon-trophy
  • icon-truck
  • icon-umbrella
  • icon-upload
  • icon-upload-alt
  • icon-user
  • icon-user-md
  • icon-volume-off
  • icon-volume-down
  • icon-volume-up
  • icon-warning-sign
  • icon-wrench
  • icon-zoom-in
  • icon-zoom-out
  • icon-file
  • icon-cut
  • icon-copy
  • icon-paste
  • icon-save
  • icon-undo
  • icon-repeat
  • icon-paper-clip
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-indent-left
  • icon-indent-right
  • icon-font
  • icon-bold
  • icon-italic
  • icon-strikethrough
  • icon-underline
  • icon-link
  • icon-columns
  • icon-table
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-list
  • icon-list-ol
  • icon-list-ul
  • icon-list-alt
  • icon-arrow-down
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-chevron-down
  • icon-circle-arrow-down
  • icon-circle-arrow-left
  • icon-circle-arrow-right
  • icon-circle-arrow-up
  • icon-chevron-left
  • icon-caret-down
  • icon-caret-left
  • icon-caret-right
  • icon-caret-up
  • icon-chevron-right
  • icon-hand-down
  • icon-hand-left
  • icon-hand-right
  • icon-hand-up
  • icon-chevron-up
  • icon-play-circle
  • icon-play
  • icon-pause
  • icon-stop
  • icon-step-backward
  • icon-fast-backward
  • icon-backward
  • icon-forward
  • icon-fast-forward
  • icon-step-forward
  • icon-eject
  • icon-fullscreen
  • icon-resize-full
  • icon-resize-small
  • icon-phone
  • icon-phone-sign
  • icon-facebook
  • icon-facebook-sign
  • icon-twitter
  • icon-twitter-sign
  • icon-github
  • icon-github-sign
  • icon-linkedin
  • icon-linkedin-sign
  • icon-pinterest
  • icon-pinterest-sign
  • icon-google-plus
  • icon-google-plus-sign
  • icon-sign-blank
长治潞城高速查询电话百年义利大兴总店电话广德皖南珠宝城电话好伦哥总店电话去土耳其旅行买什么电话卡长治潞城高速查询电话洛阳到漯河大巴电话是多少钱广德皖南珠宝城电话大连航空公司公司电话袁嘉谷故居电话理县茶楼电话长治潞城高速查询电话亳州到徐州大巴车电话号码是多少钱理县茶楼电话广德皖南珠宝城电话袁嘉谷故居电话福州到广州大巴电话美联行中文客服电话美联行中文客服电话昆明阳光国际旅行社有限公司电话水田山庄电话牡丹江疏通公司电话号码阜阳财富广场物业电话多少西安到乌鲁木齐高铁火车票查询电话去土耳其旅行买什么电话卡桔子酒店 武林门电话好伦哥总店电话荔波大鹏商业酒店电话昆明阳光国际旅行社有限公司电话亳州到徐州大巴车电话号码是多少钱一场“意外”车祸,苏鸿穿越到一个跟地球很像的平行世界。 惊喜发现这个平行世界的娱乐圈至少落后地球十年。 苏鸿顿时感觉整个人生就此开挂了。 当口水歌泛滥的时候,苏鸿开始引领国风歌曲的潮流。 当言情剧霸屏的时候,苏鸿开创了武侠大时代。 当好莱坞电影称霸的时候,苏鸿让国人看到了国产电影的希望。 还有综艺节目、直播和短视频等等,苏鸿亲自缔造一个个璀璨奇迹。 如果娱乐圈有教父的话,那么只能是苏鸿!一个王者的职业梦 ,一个平凡男生守护女友的愿想。一个为了胜利可以牺牲自己的玩家。 一个怀揣梦想却无能为力的大龄青年重新回到18年,势要改变自己的命运。 从校园到主播,从主播到职业选手。国家间的争斗,梦境?亦或是现实,新的世界,该如何活下去,真实世界如何变强,两个世界间的切换,两个角色,相同的灵魂。我和几个兄弟喝醉后醒来竟然穿越到别的世界,真尼玛离谱解除隔离,我很激动。天下纷争,西京、启阳,北燕,鬼方四国争雄。西京国第一大江湖门派问刀门门主呼延燚,率天下门徒,纵横四海,征伐天下,无论是四国庙堂还是远涉江湖都无可避免地卷入其中。东方苍澜作为一个还算平凡的初三学生,他所认为人生中最重要的事情也不过是中考,高考。结果在离中考倒计时很近的一个晚上,他惨遭神秘面具人杀害。 他死后的灵魂在尸体旁不停的徘徊,怨气难消。他看到跪在自已面前哭的肝肠寸断的母亲,看到现场上个个看热闹的人们。 就这样以灵魂的形式,东方苍澜走过人世间十年,历经痛苦和麻木,发现凶手后更多的是无能为力。直到他遇上东方家族祖先的灵魂。 祖先知道了他的故事,用燃烧自己为代价让东方苍澜的灵魂重生在刚入初中时。 重生后的东方苍澜觉醒了异能,从此,以他做为主角的校园生活加复仇调查正式展开。 淡漠善良长发男主×乖巧的好学生女主 男女主没成年之前不会有明显的感情线,本人不支持早恋。 (新人报到,觉得有什么不好的地方欢迎提出来。】这是神魔意志与人类精神的碰撞,这是斗气与魔法充斥的世界,在牧师的祈祷与召唤师的吟唱中,天才少年龙行云带领渺小的人类,决战诸天神魔。他是骑士?他是魔法师?他是学霸?他是冒险者?他是英勇的领主?他是伟大的统帅?他是无敌的战神?不他是人类的英雄。她宇文曼——大夏国第一个女皇帝。 坐上龙椅的第一天起,她就成为了不折不扣的傀儡。 本来想着就这样混吃等死,结果突然的一场兵变,连傀儡都做不成了...... 当她再一次夺回皇位时,世人对她依然缺乏认同。 在这个群雄争霸的年代,最弱的女皇,居然在所有人眼皮底下捡了个大便宜。 如果治理这个天下能算作便宜的话... 断壁残垣、饿殍满地、民不聊生... 战争带来了至高皇权,也带来了遍地枯骨。 宇文曼正襟危坐,身边是刚刚被册封的“国姓爷”文泰,殿外站着忠心耿耿、整齐成排的士兵,台阶下是一群诚惶诚恐的大臣。 大臣们曾经跪拜过她,又肆意污蔑她...如今为了日子过得去,只好颤颤巍巍的再次向女皇磕头。 好在女皇的心思还不在他们身上。 因为她是皇帝,所以没有退路——进则生,退必死! 奇迹不会一次又一次发生! 她必须整顿纲纪。 必须让难民归乡、让荒废的良田重新长出庄稼。 必须挥舞利剑,赶走那些盘踞中原的豺狼虎豹......此事古难全,但愿人长久 这条路是孤独的 只有一人 可长青。 苏昂因一次奇遇踏上修仙之路……
梦北辰 寰宇道帝 奈何穿越爱上我 我不是棋子 孤刀出鞘 特工传奇之重明 都市高手生存记 质子之危 穿越时空思念 我真没想当训练家啊 夜雨香 东顷 重回1993 修真破天记 少林弃徒闯九州 回到明朝当藩王 我的世界之史蒂夫无敌了 轩辕圣世 妖武大帝 夸赞系统就能变强 飞猪电话客服 袁嘉谷故居电话 福州到广州大巴电话 美联行中文客服电话 飞猪电话客服 合肥恋足会所电话 珠海龙氏农庄联系电话 湖北剧院售票电话 桔子酒店 武林门电话 亳州到徐州大巴车电话号码是多少钱 阜阳财富广场物业电话多少 阜阳财富广场物业电话多少 西安到乌鲁木齐高铁火车票查询电话 袁嘉谷故居电话 屯溪高铁站电话 去土耳其旅行买什么电话卡 即墨三院电话 桔子酒店 武林门电话 百年义利大兴总店电话 长治潞城高速查询电话 绵阳到九寨沟物流电话 广德皖南珠宝城电话 百年义利大兴总店电话 牡丹江疏通公司电话号码 湖北剧院售票电话 西安到乌鲁木齐高铁火车票查询电话 桔子酒店 武林门电话 百年义利大兴总店电话 水田山庄电话 桔子酒店 武林门电话 美联行中文客服电话 绵阳到九寨沟物流电话 好伦哥总店电话 长治潞城高速查询电话 西安到乌鲁木齐高铁火车票查询电话 去土耳其旅行买什么电话卡 来宾市优悦酒店电话 珠海龙氏农庄联系电话 西安到乌鲁木齐高铁火车票查询电话 来宾市优悦酒店电话 去土耳其旅行买什么电话卡 包头蒙餐馆电话 昆明阳光国际旅行社有限公司电话 即墨三院电话 理县茶楼电话 绵阳到九寨沟物流电话 阜阳财富广场物业电话多少 去土耳其旅行买什么电话卡 米奇蛋糕店 电话 洛阳到漯河大巴电话是多少钱 亚星官网 亚星官网 亚星官网 亚星官网 亚星游戏官网 江南名片,片片有名 孤单之城 我不是花心盗贼 扎西的前半生 我以肉身横推万界 欧博官网 亚星管理平台 澳门葡京游戏官网 欧博官网 亚星游戏官网 西安到乌鲁木齐高铁火车票查询电话 合肥恋足会所电话 理县茶楼电话 荔波大鹏商业酒店电话 昆明阳光国际旅行社有限公司电话 牡丹江疏通公司电话号码 屯溪高铁站电话 阜阳财富广场物业电话多少 广德皖南珠宝城电话 阜阳财富广场物业电话多少 亳州到徐州大巴车电话号码是多少钱 大连航空公司公司电话 好伦哥总店电话 飞猪电话客服 去土耳其旅行买什么电话卡 亳州到徐州大巴车电话号码是多少钱 牡丹江疏通公司电话号码 包头蒙餐馆电话 合肥恋足会所电话 亳州到徐州大巴车电话号码是多少钱 福州到广州大巴电话 桔子酒店 武林门电话 珠海龙氏农庄联系电话 美联行中文客服电话 阜阳财富广场物业电话多少 美联行中文客服电话 长治潞城高速查询电话 牡丹江疏通公司电话号码 百年义利大兴总店电话 袁嘉谷故居电话