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
故事性营销软文湖南信息安全武汉做网站价格营销推介绍营销颠覆网站设计信息安全 恶意代码计算机网络和服务器网络安全问题2016信息安全培训什么是信息安全包含哪些基本内容陕西省 信息安全 竞赛,-1无数年前灵气复苏蓝星生命变异,人族岌岌可危。 此时,武者应运而生,终于在妖魔的攻击中寻得一丝生机。 林枫以武者为目标,日复一日却不得寸进,都是因为他做了一个奇怪的梦。 梦中,他如同在万万年前度过了一生,循环往复。 直到他发现自己居然能够影响梦中的自己,还能继承部分实力。 基础锻体法,修行百年!参悟出自然呼吸法! 基础血气法,修行千年!参悟出武神不灭经! 基础武者拳法(基础血气法),修行万万年!参悟武道神拳,一拳开天地! “他的基础功法……怎么和武神传下的残缺功法如此相像!” “为何他的炼丹技术……比之活了百万年的家族还要精通!” 直到无数年过后,通天大妖率众妖进攻,人族无力抵抗。 无数人鼎礼膜拜,诵经之声传遍天地! “求武尊救救人族!” 一道武神虚影自泰山之中走出,而这道虚影…… 考研上岸的许青,终于端上了梦寐以求的铁饭碗。 只是,这个饭碗跟他想象的有点不一样,他穿越到一个刚刚亡故的捕快身上。 更是被一个身材高挑,黛眉星瞳的俊俏女捕头看中,被对方挑过去当手下。 许青原本是拒绝的。 直到他看见女捕头随随便便掰断了一根石头做的灯柱…… 女捕头:“我不喜欢勉强别人,你若不愿意跟着我便说出来。” 许青:“卑职愿意,这乃是卑职遵从内心的决定!无有半点勉强之意!” 现代佣兵周文意外魂穿到民国学生周文身上。他利用穿越带来的一颗佛珠的神奇功能,再加上后世带来的经验、知识和技能。打造了一只武功高强、军事技术顶尖的佣兵团队。 他带领这支佣兵团,历经中原大战、淞沪抗战、称雄上海滩。装备了当世最先进的各种武器,最后投身于伟大的抗日战争中。带着兄弟们杀鬼子......一个现代人到了古代会做什么。 裴尘对自己说: 如果这一切都是梦,梦醒时自然烟消云散。 如果这一切不是梦,那我要做的就是,好好活着,也让我身边的人,好好活着。 大周王朝,内忧外患,民不聊生,在这样的环境下,自己不愿随波逐流,想要改变。 事情要么不做,要么就做到极致。 纺织、制弩、黑火药、香皂、制盐、炼钢…… 一步一步的布局,一点一点的强大。 也有对喜欢人儿的心动、感动、冲动,以及对传说中武功的向往。   林疯在末世被人杀死,谁知他竟意外重回末世,回到末世前,林疯发誓要守护上一世被自己抛弃的女友! 哪知找到女友后,林疯懵逼了,自己可爱多金的女友咋变了丧尸?   这一切,都让林疯措手不及。   不过好在,林疯有上一世的经验,他迅速成长为强者,保护自己的丧尸女友,顺带拯救世界。                                     乾坤八卦,阴阳五行,魑魅魍魉,死尸僵尸,一切尽在三界当中。一次偶然的相遇,命运从此改变,讲述不一样成长历程,有丰富多彩的剧情,跌宕起伏的人生,爆笑而严谨,闯女生更衣室、旅游掉进女生池塘、被一群基友大叔追的满街跑……领略不一样的玄幻之旅。老板滕文鑫也因为吓死了富家少爷,无法开放鬼屋,赔掉了所有的存款,只能申请倒闭。颓废潦倒的他经过店员的介绍,去面试了凶宅试睡员这个职业。但是这家店不光是凶宅试睡员那么简单,也是一家传承数百年的捉鬼老店。平行世界的夏国,娱乐产业空前繁荣。 女团、综艺,脱口秀、西洋乐器,几乎掠夺了观众的所有目光。 明星宗洋媚外,以会唱外文歌沾沾自喜,以能和外国明星合作为荣。 蓝湛,就重生到了这样一个乌烟瘴气的世界。 因为无知,所以抵触。这世界,令人心寒。 没人经历过千年琵琶万年筝,一把二胡拉一生的坚持; 没人感受过戏曲那能将人心揉碎又缝合的独特腔调; 没人了解所谓的脱口秀,不过是相声的一种表演方式而已。 一曲二泉映月,一场霸王别姬。 蓝湛要让人明白,不论是艺术,还是取悦观众,国风国粹都是祖师爷!为什么想要变强,因为所在乎的人需要我去守护。无限流系统搞笑来袭,看我修神良秀翻四方,这位小友,你准备好小钱钱了吗
优秀网页设计网站 无锡集团网站建设 app的社会化营销案例 信息安全证书 排名,-1 20个中国风网站设计欣赏 南通旅游网站建设 信息安全测试师 软营销和网络营销开展网络安全认证检测风险评估等活动 美国网络营销人员工资 企业营销服务展示 暗恋的情感表达【www.richdady.cn】 头脑混沌的前世记忆咨询【www.richdady.cn】 心慌胸闷头晕的原因分析【www.richdady.cn】 暗恋的解决方法咨询【www.richdady.cn】 家庭关系的情感维护方法有哪些?咨询【www.richdady.cn】 前世今生的修行方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际沟通障碍解决咨询【σσЗ8З55О88О√转ihbwel 脑部不清晰的症状与治疗【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的自我提升【www.richdady.cn】√转ihbwel 去世的母亲的前世记忆咨询【微:qq383550880 】√转ihbwel 婚姻生活不顺的咨询技巧咨询【微:qq383550880 】√转ihbwel 儿子不读书的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的职场提升路径有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的案例分享咨询【微:qq383550880 】√转ihbwel 前世缘份的化解方法【微:qq383550880 】√转ihbwel 前世缘份的常见类型【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 莫名其妙感伤的咨询技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 升迁障碍的职场建议威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系的问题分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老公的前世影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络安全动画 电子商务师网络营销 网站建设公司浩森宇特 身边的网络营销有那些 签名档营销 网络事件营销 营销推介绍 上海制作网站的公司 网络营销策划的分类 南宁建企业网站公司 企业网络安全管理 中国网络安全大事件 政府it系统信息安全 网络安全管理员 证书 网站做成软件免费 湖南信息安全 营销颠覆 2016信息安全培训 美国网络营销人员工资 国家空间网络安全学院 设计网站平台风格 网站建设中心 信息安全测评中心主任 简述局域网中网络安全设计的原则 网络安全 存在问题 营销模式案例分析 如需手机网站建设 专业的营销型网站建设公司 公司网络信息安全,-1 网站制作 价格 福清网站建设 武汉做网站价格 网络营销概念 第一营销网 微信朋友圈营销 申请做网站 企业网站app app的社会化营销案例 购物类网站建设方案 营销是企业 模版建网站 购物类网站建设方案 邮件营销数据初步分析 病毒营销互联网案例 2013网络安全大会 个人信息安全保护研究意义 恩施网站建设 信息安全等同于网络安全 网站生成软件 西城网站制作公司 电子科技公司网站网页设计 网络营销事件案例 星巴克的微博营销 济南做网站的公司有哪些 南通旅游网站建设 网络安全实训报告 陕西省 信息安全 竞赛,-1 上海小企业网站建设 php 网络安全 企业信息安全保护的重要性 个人网络安全年度报告 新媒体营销成功案例ppt 无锡集团网站建设 信息安全的最新技术涪陵做网站 网站怎么进入后台维护 设计网站平台风格 企业营销推广方案 网站生成软件 做网站公司广州 网站怎么进入后台维护 营销 沙龙 网站防止攻击营销传播的概念 网络营销策划的分类 营销 沙龙 信息安全证书 排名,-1 昆明网站建设公司 门户网站制作 邮件营销数据初步分析 网站定制白帽子网络安全视频 网络营销概念 微信朋友圈营销 湖南省公安厅网络安全 信息安全专项风险评估 网站建设公司浩森宇特 湖南信息安全 企业视频营销策划 湘潭网站建设 信息安全等级保护的意义 病毒营销互联网案例 广州营销推广报价 加强信息安全管理 经典新媒体营销案例 中国网络安全大事件 防火墙 公共网络安全 信息安全 混淆 扩散 网络安全必要性2016 忻州做网站 个人网络安全年度报告 美国网络营销人员工资 cncert网络安全对抗赛 优秀网页设计网站 网站双域名 海口网站建设 电子科技公司网站网页设计 国家对互联网信息安全 核电信息安全入侵 网络安全必要性2016 网站提供商 网站审核要多久 信息安全证书 排名,-1 网站制作 武汉 2016 信息安全 国际 肇东市网站 网站用橙色 电子商务师网络营销 昆明建个网站哪家便宜 营销是企业 身边的网络营销有那些 国家信息安全局成都 整合营销传播的作用 网络事件营销 专业营销外包公司 信息安全比赛题库 上海制作网站的公司 全球网络安全 公司网络信息安全,-1 南宁建企业网站公司 2016信息安全培训 网络安全 存在问题 中国网络安全大事件 网站双域名 恩施网站建设 网络安全管理员 证书 信息安全技术保障,-1 网站设计信息安全 恶意代码