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
金盾网络安全微信公众号营销关键企业网站建设服务热线站外营销策划网络安全培训课程视频宁波seo营销南京专业做网站的公司哪家好深圳营销外包公司有哪些引擎营销关键词上海建网站的公司历史上,有很多名人,这些人性格多样,而我们故事的主角丘吉尔也有自己的性格,他的性格一个意志坚强、精力充沛,而且是个雄辩的演说家。在对德作战时期,他充分运用了这些素质来领导国务活动。他拒绝投降,他抨击希特勒及其党羽并号召全国人民积极抗战,最终成功赢得了生死之战。有少年和尚,喝酒吃肉,醉卧美人膝,由魔入佛…… 有少年道士,一只青驴、一名女鬼相伴,朝着道祖行进…… 有少年儒生,提笔写下传世之作,誓要做天下万灵的夫子…… …… 有人问少年:“你是谁?!” 白衣少年摸了一下腰间钝剑,仰头喝了口酒,咧嘴一笑:“吾名叶天,叶子的叶,天帝的天,来自秦国荒城,是一个天才丹师,更是一个天才修炼者……” 许歌穿越来到蓝星,这个异能者、武者纵横的世界。 毫无修炼天赋怎么办? 【实力选择系统激活】 许歌开启了另类变强的方法:御兽。 你是异能者中的至强者? 看我会冰火全能的神犬哈士奇,被咬记得打狂犬疫苗! 你是武破虚空的武者? 看我由草鸡进化成的凤凰,翱翔九天! …… 许歌看着敌人冷笑道:“你以为我有了神兽就开躺?不,我发奋图强成为武者,就为了你在和我家神兽打架时更好的欺负你!” 敌人:“所以这就是你打架还额外收费的理由?” 一个御兽的时代拉开了帷幕。 “御兽的开创者是谁?” “虚哥,不,是许歌!”肖弈上一世瞎了眼爱上了林浩宇,最后林浩宇却杀了肖弈,王一泽替肖弈挡了一刀,王一泽死后肖弈抱着他的身体发誓,若有来生他一定会好好爱你,最后重生的故事编程天才高中生顾清穿越到了一个刀道世界,这世界的众人都以习刀为荣,可他却获得了剑神赠予他的系统。从那以后,他便在两个位面反复横跳。在一个位面里,他是理科无敌的学霸;在另一个位面里,他又是格格不入的剑修者。可逐渐,他发现了异常……天子已死,诸侯纷争。列国争雄,大乱将至。黑暗之渊,唯我独尊。心之所向,剑之所往。十步一杀,千里独行。剑踏流星,御行九洲。在神秘莫测的世界中,总有科学难以解释的一面,我的同学王大胆就是这样的人。此人胆大心细,但是脑回路特别清奇。看见他面对时诡一次次神奇的应对方法,使我大感震撼的同时,总让我搞不清他俩谁是诡。欢迎来到轻松诙谐的诡异世界。戴着诡异动物面具的同学进行着荒谬表演, 深夜的厨房多了不少肉块,切菜声伴随着男人哼唱无名小调, 清秋时节下起灰白大雪,无尽树林深处是一间藏有冻僵躯体的无人木屋, 无名陵墓下,幽幽传出苍老吟词声——   “冥河冻已合,深处有阳鱼,   活鱍鱍,跳不脱,又不能相煦以湿相濡以沫,   惭愧酆都蒋秦广,春风几时来,   解此冥河冻,令鱼化作龙,直透桃花浪,   会即便会,痴人面前且莫说梦……” 这是一部相知相恋的小甜文~ 愿你所有的时运不济,都是在为那或许命中注定的幸运铺垫坦途。 恋爱生活题材,风格线:生活-荒诞诡异-恋爱生活-灵异略带玄幻《革命家》系列第一部。 阿楚是最普通不过的一名中专学生,所选汽修专业,身边围绕着一群狐朋狗友,原本普普通通的一年,准备把人生一了百了解决完安稳过日子,可是却迎来改变人生命运的机会。 阿楚等了十七年,终于等来了革命。QQ:1263528348,微博:竹楼听细雨本尊,VX公众号:竹楼听细雨,欢迎大家加入。 张泽穿越到平行世界,这里的人们依靠魔域打怪变强,来抵抗魔窟魔物的入侵。 为了妹妹张泽进入魔域,取名罗刹,结果意外激活最强SSS级天赋召唤术! 杀怪就能召唤,召唤术等级越高,召唤的怪物越多,还能升级,简直是逆天! 魔域里,当其他冒险者组成百人甚至千人团队去攻打BOSS时,张泽已经带领他的召唤怪大军一路碾压过去! 现实中,各国还在为对付高级魔物发愁时,张泽单挑上百只高级魔物,震惊全世界! “罗刹到底是谁?一路打破人类探索魔域的记录,眼看就要突破一百层了!” “大夏国有了张泽,已经一跃成为全球最强国!此人如果不能拉拢,必须除掉!” “什么?张泽一个人挑了十名五阶魔域强者?完了……大夏国迟早一统全球!”
微信公众号营销关键 思尚营销 深圳营销外包公司有哪些 国家信息安全保障人员 网上拍卖营销策略 杭州网站设计渠道 全网营销 执行系统 金盾网络安全 巴中网站建设 口碑营销的经典案例 什么是婴灵?咨询【www.richdady.cn】 化解婴灵的最佳时间咨询【www.richdady.cn】 忧郁症的环境影响【www.richdady.cn】 如何知道自己有前世缘份?【www.richdady.cn】 莫名其妙感伤的前世影响咨询【www.richdady.cn】 失业的咨询技巧【微:qq383550880 】√转ihbwel 为什么过世的前世故事【www.richdady.cn】√转ihbwel 外灵干扰的前世记忆咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的真实案例有哪些?咨询【www.richdady.cn】√转ihbwel 前世今生的故事是真的吗?咨询【σσЗ8З55О88О√转ihbwel 财运不佳的理财技巧有哪些?咨询【σσЗ8З55О88О√转ihbwel 婴灵的超度与心灵净化咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的解决方法【企鹅383550880】√转ihbwel 孩子压力大【σσЗ8З55О88О√转ihbwel 无形干扰的前世因果【σσЗ8З55О88О√转ihbwel 无形干扰的解决方法【企鹅383550880】√转ihbwel 老公家暴的案例分享【www.richdady.cn】√转ihbwel 头脑混沌的环境影响【www.richdady.cn】√转ihbwel 什么原因意外的前世故事【www.richdady.cn】√转ihbwel 如何知道自己是否有前世缘份?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 免费企业网站模板 西安网站建设公赤峰建网站 网络安全实用教程 黄国外网站 营销型网站方案ppt 东莞网站建设推广 国家信息安全保障人员 网站营销推广 深圳营销外包公司有哪些 怎么在sql2005数据库里添加一个asp网站的超级用户名 2014 网络安全 网站营销的方法 国家信息安全部 石家庄网站建设 信息安全是国家什么的基石 情感营销策略案例 论坛发帖推广营销服务 重庆微信营销 定西网站建设 网站建设中模 信息安全等级测评资质证书 嘉兴 网站 制作 网站改版升级总结 公司网站的开发和网版的重要性 国家信息安全中心待遇 饥饿营销是经济现象吗网站创建 清华大学 信息安全,-1 网络安全内容大全 信息安全等级测评资质证书 办公室网络安全风险 网站字体怎么设置 信息安全产品类型 网站建设中模 信息安全厂家 关于信息安全等级保护工作的实施意见 政府网络安全实现 烟台网站设计公司推荐 营销型网站建设哪里有 网站建设中图片 网络安全生态峰会 深圳自适应网站设计 简单建网站 防范网络安全事件 山东省信息安全等级 网络营销的前言 汽车的信息安全指哪些 网络安全组成 贵阳企业网站设计制作 天津电商网站制作 办公室网络安全风险 网站建设用哪种语言最好 建公司网站 创建网站公司 徐州麦包包营销 做网站推广邢台 重庆微信营销 东莞网站建设推广 信息安全局 网站建设中图片 信息安全是国家什么的基石 全网营销 执行系统 西安网络安全比赛 深圳营销外包公司有哪些 定西网站建设 西安网络安全比赛 做网站推广邢台 整合营销什么意思 昆明网站建设制作 信息安全厂家 小米的内容营销案例 网络安全公司排名2017 无印良品营销创意 情感营销策略案例 中国移动网络信息安全,-1 信息安全官 贵阳企业网站设计制作 网络安全培训课程视频 中国网络信息安全协会 网络安全摘要 信息安全等级测评资质证书 信息安全 十项 江苏省网络安全对抗 个人信息安全规范 产品 江苏网络安全平台 2016首都网络安全日 石家庄网站建设 巴中网站建设 展示网站方案 嘉兴 网站 制作 全网营销 执行系统 无印良品营销创意 属于网络安全的内容? 怎么在sql2005数据库里添加一个asp网站的超级用户名 淮南网站推广 防范网络安全事件 中国网络安全监管 淮南网站推广 网站改版升级总结 怎么设置网站栏目 网站功能及报价 企业实战网络营销 网站好坏 企业网站建设 信息安全原理截图 有经验的宁波网站建设 中央网信办网络安全协调局局长赵泽良 公司网站的开发和网版的重要性 信息安全 十项 安徽省信息安全 网站开发与设计公司 清华大学 信息安全,-1 英雄联盟营销模式 个人网络安全北京设计公司网站 公司信息安全管控 国家信息安全中心待遇 网站注 网络安全组成 网络与信息安全管理员,-1 网络安全事件数据 什么是全网营销 创建网站公司 徐州麦包包营销 spark 信息安全 信息安全原理截图 石家庄做网站的公司 郑州网络营销外包公司排名 网络安全情报信息 免费企业网站模板 关于信息安全的培训 2017网络营销大会 网络安全 解密 电子商务可能存在哪些不安全因素?一般可采取哪些网络安全措施 网络安全事件数据 南通哪里有做网站的 营销型网站方案ppt 公司网站管理中心可以修改内容上传图片不能修改主页画面 哈尔滨网站制作公司