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
汽车网站案例网页设计南京政府网站建设营销型网站效果不好企业信息安全评估报告网络营销策划的分类建和做网站龙华三网合一网站建设关于公安网络安全的通报网站h1网络营销Ar是什么网站制作前期所需要准备神祇时代,人人皆为神明,体内创立神国,高举神火,万族繁衍。 就在神明们还在争论到底是半兽人厉害,还是亡灵系大军恐怖的时候。 林凡看着自己的十万个钻在草丛里的大盖伦,无敌寂寞。 “我真的不是最强天神。” “我只是一个普普通通的LOL玩家而已。” 一众神明痛哭流涕:“大佬你说的都对,能不能先让那群莫甘娜把我们放开?我们真不认识凯尔!” “伟大的神王,快把那个爆破鬼才收回去吧,它往我的神域里扔了个东风快递!” “天啊,三万个死亡歌颂者的死亡合唱团又在唱歌了!” 有一群小伙伴,他们喜欢冒险,喜欢成长,喜欢互相帮助,喜欢互相调侃,更重要的是,他们最喜欢的是,在一起的时光。也许路上会有坎坷,但不论何时,你们总能处变不惊,相互鼓励。希望你们能够成长,能够成为独当一面的大人。你们,将有无限的可能!普天之下,唯有大昊帝国物资最为富饶、文化璀璨,为诸国所觊觎,千百年来入侵者不断。一天,一个身负盖世武功的山野少年突然出现在大昊首都街头,大败皇家高手,为一段传奇拉开序幕。他将让天地间风起云涌,他将让整个大陆知晓他的名号,他将轰动武林、创造一个新的纪元。而无论你是谁、来自何方,一定不会喜欢他发怒的样子!陈阳穿越到了高武世界,获得了一个能查看人生剧本的系统! 这人生剧本,能预知人未来,查看命格,甚至连对方的最近机缘都一目了然! “绝世机遇!?不好意思,我先收为敬!” 三流的主角等机缘。 二流的主角找机缘! 而陈阳:机缘在哪,我就在哪! 这是神魔意志与人类精神的碰撞,这是斗气与魔法充斥的世界,在牧师的祈祷与召唤师的吟唱中,天才少年龙行云带领渺小的人类,决战诸天神魔。他是骑士?他是魔法师?他是学霸?他是冒险者?他是英勇的领主?他是伟大的统帅?他是无敌的战神?不他是人类的英雄。“天下苍生,于我身后,活下去!” 他,人皇传承者,承载三界生的希望。 他,冰封数千年后醒来,仍不忘守护的誓言。 他,不喜杀戮,却不得不在血雨中成长。 他,以一页纸张,汇聚众生意志,护佑苍生。 这个人间,需要英雄! “幼稚吗?那就让我继续幼稚下去吧,只要人间还有笑容,只要苍生还有归处!” “我,韩羽,立道于苍生之上,护佑于苍生之前!”千百年前,在另一处不可见的精神领域,一场不为人知大战爆发,致使传说中地府崩碎,鬼神匿迹。 自此,精神领域陷入无序的混乱之中。 时至现代,精神领域与现实之间的屏障日渐薄弱,各种诡异怪物降临,超凡也开始复苏。 谢珏无意间激活祖传玉牌,继承了无常之位,成为地府现存的权位最高者,也获得地府部分职能。 与此同时,他不停穿梭于两界之间,收集着地府崩散后的碎片,自身能力逐渐强大,旧时地府也在重建中慢慢恢复。 随着时间推移,两界屏障彻底消失,精神领域全面入侵现实世界,人类瞬间陷入巨大灾难。 危难之际,谢珏左手持千般鬼神,右手掌轮回六道,强势降临。 “诡异们,你们的皇帝回来了~”捞尸人的禁忌有很多,可总有人不相信,说是歪门邪道。 这不,带着校花总裁下一次水,捞一次尸。 她竟非逼着我和她生猴子! 考研上岸的许青,终于端上了梦寐以求的铁饭碗。 只是,这个饭碗跟他想象的有点不一样,他穿越到一个刚刚亡故的捕快身上。 更是被一个身材高挑,黛眉星瞳的俊俏女捕头看中,被对方挑过去当手下。 许青原本是拒绝的。 直到他看见女捕头随随便便掰断了一根石头做的灯柱…… 女捕头:“我不喜欢勉强别人,你若不愿意跟着我便说出来。” 许青:“卑职愿意,这乃是卑职遵从内心的决定!无有半点勉强之意!” 陈渊穿越成为侦察连的兵,绑定一个很争气的系统。 系统很成熟,只要条件满足,自己就能签出技能,并且监督修炼。 从小成到大成,再到圆满,凡是他的技能,都会自行修炼,陈渊想努力,都没什么机会。 奈何他的系统实在太争气了,只是签到三年,他就成为全球特战之父。
公安局网络安全设备 2017网络安全日 做网站网页 网店营销计划有哪些 做个网站多少钱 营销号软文 网络安全法 备案 广东省网站建设 企业全网营销模式 新媒体营销的总结 亲子关系的互动模式【www.richdady.cn】 婴灵的形成原因【www.richdady.cn】 亲子关系的教育建议咨询【www.richdady.cn】 亲子关系的共同成长方法有哪些?咨询【www.richdady.cn】 升迁障碍的职业发展咨询【www.richdady.cn】 无形干扰的解决方法咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业发展瓶颈突破威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份如何影响情感生活?咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的婚恋经验有哪些?【σσЗ8З55О88О√转ihbwel 大龄剩女的真实案例有哪些?【www.richdady.cn】√转ihbwel 意外事故对家庭的影响咨询【σσЗ8З55О88О√转ihbwel 人际关系不好的解决方法咨询【企鹅383550880】√转ihbwel 解梦的梦境解析【σσЗ8З55О88О√转ihbwel 冤亲债主干扰的化解仪式【www.richdady.cn】√转ihbwel 什么原因意外的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 什么原因意外咨询【www.richdady.cn】√转ihbwel 与公婆前世的故事分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 官司的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家庭关系的心理调适方法有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主的化解方法【微:qq383550880 】√转ihbwel 北京做网络安全的公司排名 企业b2b网络营销的过程 旅社网站建设 重庆制作网站 信息安全的防护,-1 网站的广度 杭州品牌营销策划有限公司官网 青岛网站优化公司 网络安全的审查性 无锡网络公司可以制作网站 网络安全博览会 门票 信息安全基础课程简介 企业信息安全评估报告 选择微博营销的原因 安恒网络安全险 大良营销网站建设好么 信息安全资质有哪些 管理有限公司网站设计 信息安全等级保护测评方法,-1 银川网站建设定制网站的好处有哪些 营销型网站建设案例分析 网络安全训练营 太原网站建设需要多少钱 网络安全管理局张新 网络安全 认证 移动互联网 网络营销怎么搞 网站设计与制作 网店营销计划有哪些 重庆整合营销哪家最好 营销网站设计 上海网络信息安全员 新媒体营销的总结 网络和信息安全 图解 网络安全和信息化领导小组 信息安全红蓝对抗 信息安全运维服务方案 信息安全标准可以分为 教材营销 b2b网络营销企业过程 太原建网站的公司 网络安全杂志 app 温州做网站的公司 昆明互联网营销 营销推广课程 免费申请网站域名 营销型网站有哪些 2014网络安全大会 网络安全宣传报道 网站站群 太原制作网站的公司网站 网站说服力 信息安全cnas认证证书 网络信息安全技术人才 梧州网站设计 唐山网站建设哪家专业 网络安全漏洞分类 信息安全技术有哪些,-1 字典营销 广州网络安全评估公司 国家信息安全人才 龙华三网合一网站建设 营销推介方式 信息安全等级测评网 湖南省网络安全 做个网站多少钱 做个网站多少钱 信息安全内审员培训 网络营销的作用是什么意思 国际信息安全学习联盟邀请码 推荐武汉手机网站设计 网站建设中 网络安全管理的目标是 搜索引擎营销过程包括 广东省网站建设 网站搭建h5是什么 企业全网营销模式 2017 网络安全 网站资料备案照片要求2014法人现场拍照相片电子照要求 信息安全专业认证证书 信息安全等级测评网 北京建设网站图片 百度问答推广营销多少钱 牛肉干营销 网络营销怎么搞 重庆软文营销推广费用 扬州网站建设 汽车网站案例网页设计 信息安全的前沿技术 啥是网络营销 无网络安全win10 wifi 网络安全主要特征是什么网络营销目标市场案例 昆明互联网营销 上海网络安全招聘 汽车网站案例网页设计 网络营销课程培训费用 企业b2b网络营销的过程 国内网络安全研究机构 国内网络安全研究机构 广东省网站建设 免费申请网站域名 旅社网站建设 如何学习网络安全的知识 网络安全法 备案 信息安全的防护,-1 做网站前 太原网站建设需要多少钱 做网站网页 90信息安全 网店营销计划有哪些 信息安全的前沿技术 网络安全问题安全讨论 网络安全训练营 杭州品牌营销策划有限公司官网 梧州网站建设 麦肯锡 网络安全解决方案 网络安全的严峻形势 信息安全基础课程简介 上海网络信息安全员 营销号软文 网站的广度 公安局网络安全设备 重庆制作网站 重庆软文营销推广费用 营销客软件 选择微博营销的原因 关于公司信息安全的通知 信息安全与管理课程 网络安全法 是法律吗 怎么在网上创建网站 营销推广课程 保卫网络安全 信息安全技术措施 营销思维 啥是网络营销 网站做推广需要多少钱