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
i春秋 网络安全大片旅社网站建设网络营销的实施方法是国家信息安全 委员杜蕾斯 社交媒体营销案例深圳 网络安全 产业信息安全流程框架,-1网络安全的发展趋势信息安全管理基本原则郑州专业做网站郑州市公安局信息网络安全报警网站 冥冥之中,是否有天命注定?什么是善?什么又是恶?若你的心中也无解,不妨暂且由我用杀戮来向你慢慢诠释。少年名叫殷枫,机缘巧合之下穿越至一个陌生的世界——沧澜大陆,坠落于神圣九州。无缘无故被戾气缠上,戾气,一种能令修炼者丧失神智的邪物。邪物?不,这是专属于我的力量!是偶然,还是命运使然,我只能一步步地走下去,用一生的经历去验证。I'AM 李华,我是一个穷屌丝。有一天,我在垃圾箱旁,看到了一个带有奇特花纹的花瓶,盲猜这是个古董。于是,我把它带回了家。末世+自然灾害+无系统+求生 气候突变,打破了世界原有的平静,冰川时代降临,幸存者挣扎求生。 面对未知的灾难和危险,一个个小人物组建到一块,共度危机,只为在这末世之下,走的更远萧子暮重生成婴儿,等反应过来自己已经夺了女帝修为。 “萧子暮,还我的修为。” “不然我让你死的很难看。” “听话,你虽然是女帝,但好歹是妹妹,小心我打你!” 女帝闭嘴,眼泪汪汪。 “乖!把你的修为再给我点吧。” 女帝破口大骂,只想一刀解决这个依靠自己灵力发育的天仙大帝!建安十二年,郭嘉病重,生命即将走到尽头。 临死前,郭嘉拉着曹操的手,说出了一个秘密:吾弟郭泰,才能胜吾十倍,可助主公成就霸业! 曹操悲痛之余,三次到访,请郭泰出山,开局便是赤壁之战前夕。 面对诸葛亮草船借箭,郭泰直接送他十万支火箭! 周瑜:诸葛军师,你的十万支箭呢? 刘备:军师,你不是诸葛卧龙?怎么从来没有成功过? 司马懿:丞相为何要灭我满门? 曹操:吾有文政,犹鱼之有水也!李道远意外穿越小说世界,竟成为小说前期反派富二代他爹。 此时,他的废柴儿子已经招惹到了小说的天命主角,马上就要将整个家族带进沟里。 李道远想要从根源上改变命运已经来不及。 就在李道远无语问苍天,准备放弃治疗时,【至尊反派系统】激活了。 只要打击主角,抢夺主角的机缘,都会获得相应的反派点与气运值。 于是乎,一位用自己儿子开始钓鱼执法的慈父正式上线。 “我的儿子只有我能打,别人打我儿子,那我就废了他!”从前的从前,很久以前了。天有流星,坠落大地,散落如夜明珠。凡人拾集陨石,陨石触手即化为虚无,融入人的肉体里,在人的肉体内寄生十月,便可化作一把灵刀。人称此陨石为舍利,妖呼作灵珠。 后来,陨石化作六把绝世好刀。舍利,开锋,木芒,流削,烁金,玉九环。 籃陌的力作《向世界说你好》.生活本该就是美好的存在.为了生活我们奔波在大街小巷.加班熬夜拿薪水.每个人都觉得上天不公.为什么别人能光彩照人.而我们却默默无闻.原因只有一个.那就是我们的努力远远不够.看似风光无比的的成功人士.你永远不知道他洒下多少汗水来证明自己的选择没有错.心中的苦.永不言弃的精神才是我们应该学习的.每个人都有自己的梦想.也许我们为了生活曾放弃过自己的梦想.我们也曾迷失方向.感到彷徨.忘记了最初的梦想,生活教会了我们这么多.让我们每天一起学习.一起成长.我们应该知道感恩.他就像我们的亲人一样.陪伴我们走完此生!  【爆爽快穿+全民穿越+诸天万界】   三个月前,全民穿越的时代开启;   然而三个月过去了,超高接近百分百的死亡率却让普通人对成为穿越者避之不及;   只想当个普通人的沐尘幸运地被选中成为00001号穿越者;   在他之前00001这个编号在短短三个月的时间已经死了六任穿越者 而沐尘接到的第一个任务是……暴揍荒天帝… 当年的青葱岁月,多少青春的回忆。留给这当年国内第一款3D网游 谨以本文,致敬青春,给那些游戏中和现实中的同龄人,朋友!本文将以主角和她的一些朋友的视角,展现那激动人心的游戏生涯,第一个紫水晶,黄玉,猫眼,红宝石,第一把狂啸,旋风,第一套公爵,以及攻城战 记录主角的成长经历,他的喜怒悲欢。。。以及那一去不返的青春
可信赖的响应式网站 网络安全小课堂 高端大气的综合性网站 三合一网站建设 香港网站建设 如何做好网络营销投资 营销环境调研 中小企业网站制作 网络信息安全演练 邮件营销是无效的 亲子关系的教育策略咨询【www.richdady.cn】 外灵咨询【www.richdady.cn】 失业的自我提升【www.richdady.cn】 前世老公的前世案例咨询【www.richdady.cn】 前世缘份的前世今生咨询【www.richdady.cn】 成人发育倒退的可能症状威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世的前世解析【σσЗ8З55О88О√转ihbwel 家庭关系的幸福指南有哪些?咨询【企鹅383550880】√转ihbwel 大龄剩女【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 干扰威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与男友前世咨询【www.richdady.cn】√转ihbwel 大龄剩女的婚恋规划如何制定?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 长期头脑混沌可能是哪些疾病的前兆咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 事业不顺的应对策略【www.richdady.cn】√转ihbwel 事业不顺的解决之道【σσЗ8З55О88О√转ihbwel 发育倒退威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主干扰【企鹅383550880】√转ihbwel 公司破产的前世记忆【企鹅383550880】√转ihbwel 孩子不爱读书的阅读习惯【σσЗ8З55О88О√转ihbwel 保护信息安全软件 网络信息安全趋势图 成都建网站公司 国家网络与信息安全中 公司网站的开发和网版的重要性 网络安全小课堂 苏州做网站公司 网络信息安全工程师培训 一、一个甜品网站建设目标 信息安全是国家什么的基石 域名系统网络安全保障 网站排版 成都建网站 网站顶部 网上营销渠道 传统营销与现代营销 高端大气的综合性网站 武汉网站程序 郴州网站设计 国有企业信息安全制度 求职网络营销公司 宁夏区烟草公司计算机网络信息安全建设项目培训计划 网络营销新闻稿 营销邮件标题 中国电信网络安全产品 网站图片大小 河南信息安全对抗赛 域名系统网络安全保障 展示网站方案 网络营销可信吗 上海交通大学信息安全服务技术研究实验室 信息安全对抗赛要求 网络安全的发展趋势 中国电信网络安全产品 如何用网络营销的方法有哪些 网络发展对营销的影响 国家网络与信息安全中 邢台网站建设服务周到 通信行业信息安全大赛,-1 搜索营销公司怎么样 论坛发帖推广营销服务 洛阳网站设计 网络安全情报信息 jquery网站两排图片滚动带左右按钮控制两排图片滚动轮播代码 网络安全小课堂 网络营销新闻稿 手机移动端网站 如何做好信息安全方案 东莞企业推广网络营销 国家网络与信息安全中 网络安全的问题 主流网站 网络安全漏洞解决案例 山东网络安全 深圳自适应网站设计 网站备案流程 可信赖的响应式网站 做网站价格 外贸营销师 网站类型案例 计算机网络信息安全技术,-1 信息安全的cia 网站类型案例 网络安全漏洞解决案例 整形美容医院网络营销 小米海外代理营销模式 陕西手机网站建站 世界网络安全峰会 网络营销服务的作用 哈尔滨做网站电话 信息安全检查评判标准,-1 武汉网站公司 公司网站的开发和网版的重要性 信息安全管理基本原则 杭州专业做网站的公司 网站托管方案 清华大学 信息安全,-1 计算机信息网络安全服务资质 网站顶部 高端大气的综合性网站 网站建站 seo 网络营销服务的作用 维护网站 网络安全 比赛 信息安全流程框架,-1 保护信息安全软件 网络信息安全工程师培训 网络安全的基本目标不包括 seo优化网站建设公司 企业网络合作营销案例 保护信息安全软件 网络安全 ppt 搜索营销公司怎么样 东莞网站建设平台信息安全防护现状评价 中国电信网络安全产品 重庆网站开发公 成都建网站公司 谷安 信息安全意识手册 济南免费做网站 美国信息安全厂商 互联网产品营销 哈尔滨网站制作公司 中国网络安全 制度 站外营销策划 山东信息安全等级保护 饰品网站建设 上海建网站的公司 关于淘宝营销 网站盈利 做网站的 宁夏区烟草公司计算机网络信息安全建设项目培训计划 网站建设颜色注意事项 网络安全情报信息 互联网产品营销 郴州网站设计 信息安全的cia 银行 情感营销 短信 成都建网站 信息安全攻防 香港网站建设 网络安全的问题 可信赖的响应式网站 成都建网站 青岛模板化网站 武汉网站公司 陕西手机网站建站 青岛模板化网站 论坛如何做病毒营销 关于淘宝营销 国内外信息安全现状 重庆网站开发公 信息安全检查评判标准,-1 网站图片大小 2017网络安全文件 网络营销可信吗