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
网络信息安全备案营销类的公众号名称哈尔滨网站建设市场企业网络与信息安全网页设计的交流网站南昌网站优化手机营销网站网络安全新常态合天网络安全实验室网络安全如何防范他是弃婴他是小保安他只有二百块。他用神鬼莫测的医术活人无数,他凭一身武功历经凶险,他最终得成伟业名利双收。杨凡最近很倒霉。 还做怪梦,梦见已故多年的爷爷让他烧纸钱,收快递。 然后他便真的收到了一个寄件人是爷爷名字,寄出地址写着阴曹地府的快递。 从此,杨凡一边修仙,一边沉浸在烧纸的乐趣中,纸钱、纸人、纸车、纸别墅、坦克、飞机…… 对此爷爷表示非常满意,反手给他寄了一堆阴间特产,功法、丹药、法器、符箓、鬼物…… 爷爷:吾孙天纵奇才,有大帝之姿! 杨凡:不为别的,我只是孝顺而已!赵风穿越秦朝成为了始皇帝的第七子,嬴子歌! 原以为远离咸阳便能躲避灾祸,但赵高却找上门,好在系统如愿开启。 【神选一:接受始皇召令,卸下兵权,立即启程返回咸阳。】 【神选二:拒接始皇召令,立刻起兵,自立为王!】 【神选三:接受始皇召令,立刻回都,向始皇索要太子位!】 面对选择,嬴子歌选择了去向嬴政要太子之位。 至此,暴揍胡亥、疯斩徐福、莽破匈奴、凶伏百越..... 蒙恬:报始皇帝陛下,太子殿下率兵诛杀了匈奴二十万。 嬴政:...... 章邯:报始皇帝陛下,太子殿下已经诛杀了六国叛徒,这是刘邦与项羽的人头。 嬴政:...... 叶鑫是一名普通高中生,某天发现自己被惊悚副本选中。   副本只有4.3%存活率。   凉凉!无助!   叶鑫绝望时觉醒了人鬼皇系统:他能看破鬼怪生前!他能看见好感度!他还能使用鬼怪的武器!   从此以后,骚鬼如风,常伴吾身。陈彬为了完成父母夙愿,考入警校的刑侦专业。 可进入警局实习的前一天晚开始噩梦。 即将发生的凶案细节,全部都会清晰显现于梦中。 跟踪案件,抽丝剥茧,层层拨开,最后竟是一个巨大的阴谋。主角:年休思 无CP 2044年,天降异象,天下大乱,六界融合,各个种族为了争夺生存资源而争斗不休。 人类在生存环境发生巨大变化的情况下,也产生了自我进化,人类之中的一小部分人有了神赐予的能力,被称为神赐。 神明居于天地之外,垂眸看天地干戈,慈悲怜悯终究只是幻想,大道至公,神明不会插手。 天地不仁,以万物为刍狗。 年休思是创世神,不只是人世间,还有天地万物。大道繁衍不休,天地的齿轮旋转,当年风流潇洒的创世神落入人间,经历多少轮回,来到了这个乱世。 终究是命中注定。 年休思生于斯长于斯,将自己在人世间的经历确认为自己的主体意识,偏向于人类,依赖于其自身的实力,最终使天地正位,六界分割,万物和谐,天下大同。 随着月球人的皇室后代纳尔斯逃到地球,刘宣与安晓天的生活发生了改变,刘宣选择接纳尔斯的灵魂,成为了第一个捍卫者成员蓝面人,安晓天也因战斗中受伤而接受了与烈鹰装甲的合体,成为烈鹰侠。纳尔斯告诉了他们关于刹神者的可怕秘密,两人开始紧急组建捍卫者联盟,寻找中国其他几位身怀绝技的英雄,以对抗刹神者的入侵。除了他们两人,还有中国最强狙击手梦魇,双臂力大无穷的神拳,甚至经过千年修炼后的孙悟空,等等。一场决定人类命运的战争,一触即发。 顾浩,原本是众人眼中的天资骄子,后被小人暗算毁了内丹,废了一身修为。得到上界圣灵帮助,再入修行大道。逐梦星域的三方世界里人、妖、神、魔、仙共存。受到天罚后三界混乱,妖魔横行。且看顾浩如何闯荡三界,诛敌!!故事发生在2135年,一次偶然的考古发现,让一种丧尸病毒暴露人间。林少白是一家生物科技公司的员工,在一次团建过程中,病毒在满载公司员工的客机上传播,客机坠毁,林少白是唯一幸存者,但奇怪的是,所有遇难的员工都继续正常上班,而林少白却对空难毫无记忆。随后,病毒从实验室泄露,在一栋办公楼内传播,原本过着平凡生活的林少白,突然肩负起化解危机的使命。主人公,的传奇一生
网络安全对企业 临沂在线上网站建设 亚马逊网站的营销策略 美国 网络安全 南阳营销策划 优帮云 网络安全威胁的分析 江苏信息安全等级保护网 信息安全技术 操作系统安全技术要求,-1 临沂在线上网站建设 武昌手机网站 前世今生的神秘故事咨询【www.richdady.cn】 灵魂化解咨询【www.richdady.cn】 大龄剩女的婚姻建议【www.richdady.cn】 前世今生的奇妙经历【www.richdady.cn】 解梦的心理学意义咨询【www.richdady.cn】 人际关系不好的表现及原因咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的原因有哪些?【www.richdady.cn】√转ihbwel 升迁障碍的前世因果咨询【www.richdady.cn】√转ihbwel 与男友前世的前世修行咨询【企鹅383550880】√转ihbwel 自闭症咨询【微:qq383550880 】√转ihbwel 无形干扰的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 特殊学校的课程设置咨询【www.richdady.cn】√转ihbwel 冤亲债主的干扰与化解技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的心理调适咨询【微:qq383550880 】√转ihbwel 自闭症的案例分享【微:qq383550880 】√转ihbwel 自闭症的治疗方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 有官司的调解技巧【企鹅383550880】√转ihbwel 大龄剩女的社交技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的预防措施咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的案例分享咨询【微:qq383550880 】√转ihbwel 宜昌网站建设 超实用网站 海南移动 网络安全 西宁网站维护 国家支持什么参与网络安全国家标准 公安部网络安全保卫局网站 信息安全 管理需求 技术需求 南阳营销策划 优帮云 2017网络安全工具包 网络安全产品培训方案 网站建设背景怎么写 注册信息安全员 考试 唐山网站建设报价 信息安全漏洞 信息安全牛商网 营销类的公众号名称 网页设计的交流网站 网络安全新常态 美国 网络安全 官方网站建设 2016年网络安全政策 天津 网站设计公司 网站图片尺寸 360搜索网络营销 建立网站需要多少钱 信息安全 银监会 江苏信息安全等级保护网 信息安全 银监会 网络安全威胁的分析 常州低价网站建设公司 网络安全测评机构 辽宁 网站主色调 网络安全 黑客 网络安全 黑客 网页设计的交流网站 网站建设策划书ol 营销邮件费用 网站互动 信息安全博士研究理论 网站建设的域名注册东莞全网营销网络推广方案 南阳营销策划 优帮云 信息安全架构优化 网络信息安全备案 信息安全集成资质证书 广州h5网站建设公司 2015十大网络安全事件 绵阳的网站建设公司 信息安全预警系统 网络营销的战略重点 互联网出口 网络安全 网络信息安全宣传周 在网站中添加百度地图 360与中国国家信息安全 传统营销的 沟通方式 互联网营销 国内 国外 信息安全漏洞 关于华为网络安全整治 互联网营销 国内 国外 重庆专业网站搭建公司 龙华民治网站设计公司 系统信息安全要求有哪些内容全响应网站制作 网络安全专业? 微信网络营销系统 iis应用程序池自动回收内存---解决网站运行一段时间速度变慢 商城网站建设 2016年网络安全政策 电商网站有哪些类型 线上线下营销策略研究 信息安全架构优化 福田网站建设 网络安全扫描能够 信息安全课程设计 2017网络安全工具包 国家支持什么参与网络安全国家标准 新网站建设平台 网络营销推广渠道包括哪些方面 网站解决方案 企业网络与信息安全 移动监控 网络安全 一般公司为网络安全设置怎样的防火墙设计方案 网站原创性 大安市网站 亚马逊网站的营销策略 网络安全产品培训方案 网站推广营销 超实用网站 西安信息安全的软件公司 南昌市做网站的公司 信息安全峰会成功举办,-1 大学生的网络安全 一般公司为网络安全设置怎样的防火墙设计方案 facebook个人信息安全 信息安全需要关注网站 网站免费模板 查流量网站 网站开发设计 信息安全技术 操作系统安全技术要求,-1 南昌市建网站的公司 美国 网络安全 重庆南昌网站建设 信息安全等级保护系统建设的安全实施方案应包含以下哪些内容 2015国家信息安全 网络营销入门 信息安全威胁模型 2015十大网络安全事件 网络整合营销解释网络营销服务 制作个人网站 西安信息安全的软件公司 国家网络安全 杂谈 临沂在线上网站建设 湖南信息网络安全协会 滨江做网站 网络安全是什么 网站解决方案 超实用网站 2017国际网络安全 四川互联网营销公司 西宁网站维护 网络安全如何防范 青岛哪里可以建网站 公安部网络安全保卫局网站 电子化营销 滨江做网站 南阳营销策划 优帮云 实战营销型网站建设 网络安全系统对数据库 网络安全产品培训方案 网络安全威胁报告2016 360搜索网络营销 注册信息安全员 考试 营销的要素 无锡网站建设原则 信息安全漏洞 唐山网站建设报价 北京网站设计制作