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
百度知识营销广告手机网站设计机构中国信息安全平台汕头网站制作做网站讯息信息安全的课程青岛建网站公司信息安全师国家职业网络安全 个人隐私 文章北京高端网站设计外包公司为人师者,授徒的最高境界就是青出于蓝而胜于蓝。 可李棋不这么认为,因为坑爹的师徒系统,无论是神功秘籍还是法宝丹药……居然全都只有徒弟的份! 教出来的徒弟一个比一个厉害,自己却还是个弱鸡该怎么办? 危险重重的世界,一个没实力的废柴宅男又该怎么自保? 在线等,急! …… 于是李棋想通了,既然自己不能变强,那他就要教出一批可以保护自己的最强徒弟! 收徒法则第一条:天大地大师父最大! 李棋:“少年,你渴望力量吗?那就当我的徒弟吧!”(轻松搞笑+海王+多女主+文抄公+迪化) 那一年……陈黎回到了17岁。 看着镜子中的自己,欲哭无泪。 生性散漫的他剪掉长发后,却像是变了一个人…… 他身披众多马甲,游离在万花之间。 众人对他的认知,始终停留在表象。 父母觉得他是软饭王! 美女觉得他是绝对的天才! 朋友觉得他是江湖大佬! …… 实际上,陈黎只想做一个真诚的人。 ps:本书又名《我的马甲有点多》、《我真的很专一》 考研上岸的许青,终于端上了梦寐以求的铁饭碗。 只是,这个饭碗跟他想象的有点不一样,他穿越到一个刚刚亡故的捕快身上。 更是被一个身材高挑,黛眉星瞳的俊俏女捕头看中,被对方挑过去当手下。 许青原本是拒绝的。 直到他看见女捕头随随便便掰断了一根石头做的灯柱…… 女捕头:“我不喜欢勉强别人,你若不愿意跟着我便说出来。” 许青:“卑职愿意,这乃是卑职遵从内心的决定!无有半点勉强之意!” 当黑暗侵袭,有人跪下,有人放弃。 而我们,会鲜血流尽,战斗到底。 而我,就是这诸天万界的主!开局出生在幽冥血海?还变成了冥河的唯一兄弟? 晓尽天下事的他,怎么可能甘心苟活一世?啊,你说这是巫妖量劫,那没事了! 入量劫?想都别想,这一世就硬苟!稳健人生,苟到天荒地老。 随着稳健的人生展开,天翻地裂的战斗却在洪荒大地上展开。 万物残缺、万道覆灭、世间唯有圣人门徒长存! 而战斗,也波及到了幽冥血海。 那一刻,天地闻之变色,无尽业力涌向洪荒天地,令天外残魂都震动不堪! 陆云景踏步而出,俯瞅诸世。 众人大惊! 竟是……胡兴国因与张怀中之间有夺妻之恨,故意将张怀中彩云食品厂生产的问题奶销往城里。阴差阳错的是与城里奶娘乳业的司机两人同姓,并且在同一天送货,竟然错送到了对方的酒店。因为彩云食品厂的问题奶使参加礼尚往来大酒店婚礼的许多人中毒入院。市场监管局曾冠英奉命调查此事,却遇到重重阻碍。因为有人因中毒去世,市里组成专案组,其中调查组由市场监管局和市公安局组成,曾冠英与市公安局郑宏伟俩人共同合作,带领一干人员深入调查,期间有挫折,有误会,也有惊心动魄的卧底,逃亡和追捕,最终虽然找到制假售假的张怀中,但是遗憾的是他已经因为救人而死亡,与张怀中相互勾结的政府官员和出卖奶娘乳业的销售经理被绳之以法。这个世界四方各有一处释放真气之地,分别被四族占领,万年前四族大战,人族最终获胜,将三族真气封印,后又建龙脉于中原,吸收四族真气,使其他三族永无翻身之日。万年后,人族中各个帮派、教门林立,世界各处更是异象频现。这一天,朝廷宣布要组织一场帮派战,最终奖励是10颗重生丹,据说是上古大战所留,可以使死人起死回生,使活人脱胎换骨。江湖上各个帮派、教门摩拳擦掌,跃跃欲试。与此同时,江湖上一个新的帮派“天下第一帮”已经悄然崛起。这到底是一场机遇还是一个阴谋?这个世界,儒墨法道,百家争鸣 苏文以为来到以文乱法,以武犯禁快意恩仇的大争之世 没想到却被诡秘所支配…… 代号三十五的大陆 少年林澈,自平凡中崛起,登临绝巅,誓要揭开这片天地间的秘密!古玩就是贩卖历史。 这话是我爸对我说的,那个时候我只有7岁,懵懵懂懂,完全不明白是什么意思。 直到后来,我才知道古玩贩卖的不只是历史…… 还有故事!
欧洲网络与信息安全局网站设计公司 南京 把网络安全作为头等大事 商丘市做网站的公司 技术支持 信息安全 网络安全 个人隐私 文章 手机网站设计机构 门户网站模板 大型企业网络安全解决方案 医院网站建设 价格 国际网络安全 邪灵的防范方法咨询【www.richdady.cn】 前世缘份的咨询技巧【www.richdady.cn】 前世今生的故事有哪些案例?【www.richdady.cn】 心特别累的咨询技巧咨询【www.richdady.cn】 营养不良导致的头脑混沌【www.richdady.cn】 儿子不读书咨询【www.richdady.cn】√转ihbwel 前世今生的故事如何影响现代生活?咨询【σσЗ8З55О88О√转ihbwel 感情纠纷的情感和解方法有哪些?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 长尾词【微:qq383550880 】√转ihbwel 家庭中常见的意外事故原因【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 干扰【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 精神不振威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 潜能开发与自我提升【企鹅383550880】√转ihbwel 家庭关系的心理调适方法有哪些?咨询【σσЗ8З55О88О√转ihbwel 去世的父亲的前世故事【σσЗ8З55О88О√转ihbwel 去世的父亲的去向解析【企鹅383550880】√转ihbwel 内心恐惧胆怯的案例分享【www.richdady.cn】√转ihbwel 事业不顺咨询【企鹅383550880】√转ihbwel 阴间生活的前世影响【www.richdady.cn】√转ihbwel 改善亲子关系的技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 百度信息安全 信息安全的课程 深圳高端网站设计 访客网络安全吗 blog营销 信息安全厂商 信息安全 管理 手册 网络立体营销 网店协作与联动营销 免费网站制作推广 中国信息安全相关部门 商丘市做网站的公司 申请网络安全证书 企业手机网站建设策划方案 解放军网络安全 国际网络安全 企业信息安全制度,-1 信息安全的课程 深圳高端网站设计 访客网络安全吗 blog营销 信息安全厂商 信息安全 管理 手册 网络立体营销 网店协作与联动营销 免费网站制作推广 中国信息安全相关部门 商丘市做网站的公司 申请网络安全证书 企业手机网站建设策划方案 武汉国际网络安全论坛 微信网络营销词条 网络营销课件 计算机网络安全课程 网络立体营销 长沙手机网站设计 网络营销能力秀的总结 为了提高网络安全 网络营销模式的优缺点 网络安全的企业优秀网页设计网站 关于网络安全资料 网络营销网络广告 要个网站 2015网络安全峰会 小程序营销案例 美国国家信息安全保密总统令 译文 无线网络安全密码怎么设置 网络安全与信息办公室 智慧城市网络安全 信息安全等级评估中心 建游戏网站 网络安全与病毒防范第三版 企业信息安全制度,-1 做网站讯息 陕西省信息安全公司,-1 小程序营销案例 网站主色调简介怎么说 建云购网站 网站设计) 营销包 潍坊网站建设推广公司 高端平面网站 全球信息安全认证 直复营销最初形态是: 信息安全 国家 学院,-1 网店协作与联动营销 做网站工具美国网络安全中心主任 网络安全pdf 整合营销传播的条件 义乌网站建设工作室 勒索软件当前网络安全 郑州建站公司网站 网络安全与病毒防范第三版 西安做北郊做网站 网络安全事件种类 网站目的 访客网络安全吗 车载网络安全 网络营销网络广告 建游戏网站 营销型企业网站策划方案 技术支持 信息安全 小米2营销案例 个人信息安全 ppt blog营销 电子科技公司网站网页设计 个人信息安全 ppt 访客网络安全吗 网络安全管理技能大赛 网络安全案例视频 铜仁网站建设 智慧城市网络安全 信息安全厂商 信息安全核心 做网站多少钱 网络安全 个人隐私 文章 网站制作及排名优化 把网络安全作为头等大事 信息安全测评机构 资质 通信 信息安全 计划 信息安全 管理 手册 网站主色调简介怎么说 互联网信息安全政策 深圳高端网站设计 买已备案域名是不是用了别人的信息注册影响自己网站吗 昆明网络营销招聘 为了提高网络安全 好的信息安全论坛 网络立体营销 廊坊网站建设 网络安全问题文章 小米2营销案例 信息安全核心 信息安全技术 信息系统安全管理要求 廊坊网站建设 网络安全风险管理 网店协作与联动营销 科研信息安全 网络安全风险管理 国家推进网络安全什么服务体系 网络安全周 郭启全 乐清网站建设 北京网站建设公司分享网站改版注意事项 营销型企业网站策划方案 免费网站制作推广 罗湖网站制作 网络营销难不 信息安全保护等级划分 大连网络营销策划公司推荐 大型企业网络安全解决方案 信息安全 pdf 营销型网站建设页面 为了提高网络安全 网络安全事件种类 商丘市做网站的公司