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
佛山网站制作网络安全基础关键技术操作微营销总结国际信息安全学习联盟邀请码微博如何开展营销活动网络安全 认证 移动互联网网络安全 努力破除joomla 2.5:你的网站建设使用与管理 下载昆明网站建设首选公司网站建设教程 企业邮箱上一世的他,整日沉醉在纸醉金迷中,直到妻女从高楼跃下的那一刻,他才幡然醒悟。 本想自杀的他却被高人所救,带到修仙世界,一路修炼,他成了世界上最年轻的仙帝! 在最后突破成仙之时,天劫降临,却让他回到妻女自杀之前。 重活一世,他发誓,自己余生必定好好珍惜妻子和女儿! 若有人胆敢伤害分毫,上九天,下黄泉,我必灭之!(轻松搞笑+海王+多女主+文抄公+迪化) 那一年……陈黎回到了17岁。 看着镜子中的自己,欲哭无泪。 生性散漫的他剪掉长发后,却像是变了一个人…… 他身披众多马甲,游离在万花之间。 众人对他的认知,始终停留在表象。 父母觉得他是软饭王! 美女觉得他是绝对的天才! 朋友觉得他是江湖大佬! …… 实际上,陈黎只想做一个真诚的人。 ps:本书又名《我的马甲有点多》、《我真的很专一》 为了逃婚,他随便找了个美女合租,不料她竟是自己未见过面的未婚妻。 为了赚钱,他信手炼制了几枚丹药,不料竟做成了天下第一的医药公司。 为了修行,他顺手收了几个女徒弟,不料她们竟都有着惊世骇俗的身份。 为了救人,他甘愿自废一生之修为,不料所救之人竟是艳绝天下的女帝。 为了复仇,他勤修苦练至大功告成,不料最大的魔头之主竟是…… 这是一个略微畸形的平行世界。 因为科技发展速度太快,商业和文艺的脚步完全跟不上进度。 导致这个世界大部分行业,都处于重技术,轻内容的情况。 而其中,尤其以游戏行业表现的最为明显! 没有电脑游戏,没有手机游戏,所有游戏都是VR的! 甚至连免费游戏都没有! 在这个世界,游戏是有钱人才有资格享受的昂贵物品。 “一个VR设备几十万,穷人就没资格玩游戏了?” 《传奇》《暗黑破坏神》《地下城与勇士》《梦幻西游》《魔兽世界》《英雄联盟》…… 陈风带着前世无数款经典游戏穿越而来,为无数普通玩家发声做事! 一步步走到世界之巅峰,被所有玩家和网友尊称为:游戏界的慈善家! 在杀手行业闻名遐迩的顶级杀手乔森对自己身世始终一无所知,在一次意外中,扑朔迷离的真相浮出水面,对自己身世的调查在悄悄展开,他能否在一次次危险的行动中脱身并找寻到自己身世的线索?到底什么才是他的归宿!!!那就成为avenger!为了爱的复仇者!我,穿越了,不过有个大问题,我对历史的了解不多,所以,面前这个狼烟四起的战争场面是什么情况,救命哇!红月当空,全球骤变。拥有力量,你就高高在上,应有尽有,没有力量,你就只能任人宰割。危机爆发,众种族林立,丧尸,异兽,鬼种,人类。九转山河,浩瀚天下,试问天下,谁与争锋!起步比别人晚的颜逸能否追赶众人的脚步,在末日之中杀出一条属于自己的路。他是弃婴他是小保安他只有二百块。他用神鬼莫测的医术活人无数,他凭一身武功历经凶险,他最终得成伟业名利双收。唐朝末年,侠盗并出,风云四起,天下大乱。 天山深处,冰雪沉封万物。 一个阳光明媚的早晨,雷天穹走出山洞,望望冷光四射的冰雪,猛然间抽出腰间那把鬼神胆寒的千魂刀,一声大喊,将丈外的一根冰柱拦腰斩断。然后,他飞身过去,舞动那把刀,在冰柱上剜、削、拔、点,不大一会儿,一个冰晶玉洁的“她”便展现在他眼前。 千魂刀,八年前,雷天穹是用来杀人的,而今天,雷天穹却用它做了雕刻的工具,刀锋过处,不但见不到一点杀气,反而令人为之动情。 世间的事就是这么奇怪,杀人的刀也会生出情来。 ……子受穿越为殷商纣王。 系统发布的第一个任务竟然让他找个女人表白,任务失败回到原世界? 子受表示:当nm的暴君,老子要回去! 为了回到原世界,作死表白了女娲。 却没想到阴差阳错地成功了! 子受:女娲是我女朋友怎么办?急,在线等! Ps:此书又名《我的女朋友是女娲》、《女娲好感度爆满了怎么办?急,在线等!》
微营销总结 烟台网络营销外包 企业全网营销模式 个人网站建立 无网络安全win10 wifi 南通网站建 营销标题大全 昆明互联网营销网络安全贴吧 概括 病毒营销特点 微信营销培训 前世今生的故事如何改变命运?【www.richdady.cn】 意外的前世因果咨询【www.richdady.cn】 外灵干扰的案例分享【www.richdady.cn】 解梦的自我提升咨询【www.richdady.cn】 莫名其妙感伤的原因分析咨询【www.richdady.cn】 阴间生活的描述与传说【微:qq383550880 】√转ihbwel 长尾词咨询【企鹅383550880】√转ihbwel 婴灵的安抚与超度【微:qq383550880 】√转ihbwel 儿子抑郁症的家庭支持咨询【σσЗ8З55О88О√转ihbwel 冤亲债主干扰的解决方法【www.richdady.cn】√转ihbwel 忧郁症的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的原因分析咨询【微:qq383550880 】√转ihbwel 发育倒退的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世老婆的前世故事【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心慌胸闷头晕的自我提升咨询【微:qq383550880 】√转ihbwel 前世老婆咨询【σσЗ8З55О88О√转ihbwel “缺心眼”对人际交往的影响【微:qq383550880 】√转ihbwel 冤亲债主干扰对生活有何影响?咨询【微:qq383550880 】√转ihbwel 儿子抑郁症【σσЗ8З55О88О√转ihbwel 婚姻生活不顺的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 江苏省公安厅网络安全 霸屏营销推广 浙江 网络安全企业 上海网络信息安全员 微博营销是一种新兴营销方式。 网络安全web安全 常州品牌网站建设 上海 互联网营销公司 单位信息安全等级保护工作是否做了部署 网站设计市场价 沪江网络营销 网络安全基础操作 百度问答推广营销多少钱 无网络安全win10 wifi 网络营销的物流问题及对策 互联网营销的流程图 网络安全交流会 阳江网站建设 烟台网络营销外包 网站运营模式 西南科大 信息安全,-1 支付宝的网络营销战略 企业网站设计 杭州微网站建设 微信营销培训 中科大信息安全如何 沪江网络营销 网络安全基础操作 百度问答推广营销多少钱 网站建设系统 重庆微营销商城 单位信息安全等级保护工作是否做了部署 重庆软文营销推广费用 网络安全交流会 微信营销的目的 网络安全基础操作 沪江网络营销 常州品牌网站建设 微营销总结 网络安全 努力破除 法国网络安全 教材营销 网络安全思维导图 苏州企业网站建 做网站的公司 做网站的公司 网络营销的物流问题及对策 如何搭建高品质网站 网络安全 努力破除 佛山网站制作 营销网站设计 微博营销有什么特点 营销导向企业网站策划 地方网站建设 公安局网络安全设备 信息安全服务新架构 江苏省公安厅网络安全 重庆软文营销推广费用 网络安全公司招聘信息德国网络安全法 2015工控网络安全态势报告 建立网站备案需要什么资料 信息安全加固技术公司 怎样才能制做免费网站 网络安全技术图片 运营商信息安全现状 网络营销的分析方法 新网站制作平台 唐山网站建设 平安信息安全 昆明网站建设首选公司 网络安全管理局张新 制造业 信息安全 浙江 网络安全企业 网络安全威胁包括 禁忌网站 优优营销软件 营销的劣势 营销的劣势 网络安全技术图片 企业全网营销模式 上海学网络营销的地方 昆明网站建设费用 信息安全等级保护信息安全等级保护管理办法 中科大信息安全如何 营销网站页面分析 百度问答推广营销多少钱 北京网站制作排名 网络营销中的机会 北京学网络营销 信息安全等级保护信息安全等级保护管理办法 微信营销培训 单位信息安全等级保护工作是否做了部署 网络安全宣传报道 无网络安全win10 wifi 营销模式 定价策略 网站制作员 济南网络营销推广公司 权威的广州h5网站 微博营销有什么特点 如何制作网站 常州品牌网站建设 2016中国网络安全50强 2015工控网络安全态势报告 宝安网站建设公司 滁州做网站 营销标题大全 主要营销方式有哪些 qq群营销是什么 网络安全杂志 app 潍坊网站建设公司推荐网络营销做什么 昆明互联网营销网络安全贴吧 南通网站建 昆明网站建设费用 大学生信息安全 2014网络安全大会 南阳开网站制作 网络安全的大数据分析 网络安全基础操作 未公开接口 网络安全 昆明网站建设首选公司 网络信息安全技术人才 北京学网络营销 网站建设教程 企业邮箱 电商网站设计 互联网营销的流程图 全网营销 必修课 建立网站备案需要什么资料 2017新网络安全法 曲靖做网站 互联网营销领域的公司 信息安全等级测评网 国家建立网络安全监测预警和 上海信息安全???生招聘 员工网络安全培训想学习网络营销 网站排版策划