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
酒店电子邮件营销案例实战全网营销是干什么全网整合营销国家信息安全项目体验营销中的关联体验网络安全审计 课件体验营销中的关联体验信息安全服务资质(安全开发类),-1做网站的机构网站构建器主角出生即无敌,天道守护,真龙跟随,且看他一路征战剑仙又如何?不及人逍遥。人又如何?不及剑仙三分傲。他手持一把剑,不论什么,一剑之下可斩阴阳两极,一剑之下可斩天地万物,一剑之下可斩时间空间…… 灾难之后,称为”醒”的新大陆浮出海面。在飓风肆虐,疾病蔓延的残酷环境中,这块大陆做为人类和原生命体的避难所收留着各地的流民与旅人。 为了开拓边境,”醒城“委派“狩界队”奔走境外游猎濒危,稀有以及新生物种用于研究复制和抵抗边境生物。 然而,由于城市动荡,猎物终将做为武器参与各方势力的绞杀……仞彦只是当着一个普普通通的学生,一辆来自天堂的魔鬼列车改变了他的人生轨迹。在梦想与爱的抉择下,他无路可逃。命运是一块巨大的齿轮,芸芸都逃不过它的支配。原本平凡的东方小孩,走上了传奇的道路。21世纪的图书管理员李北牧,魂穿架空古代。 意外发现上辈子看过的书,竟然都能只字不差地回忆起来,有这样的金手指在手,怎么也能混的风生水起吧? 太平当盛世,他起初的目的只想在这没有人权的封建社会当个富家翁悠闲度日。 …… 多年以后,李北牧回首前尘,身后已是早已逝去的敌人以及累累白骨。 “不是我下手太狠,只是有些人,实在是太经不起折腾了。”李·大楚国相·定北公·世界首富·无冕之皇·北牧如是说道。穿越到高武世界,在报志愿的当天,苏七楼绑定了神级选择系统。 “590分,125卡,西北武大。” “575分,122卡,东南武大。” “610分,135卡,魔海武大。” “499,全套,89号技师。” 绑定系统的第一个奖励从坑死党开始。 “叮,你做出了选择,完成奖励血气丸” “叮,你做出了选择,完成奖励《血气真解》” “叮,你做出了选择,完成奖励《莽拳》” 只要做出选择,就有各种奖励,苏七楼从此开始了自己的崛起之路。 邪医回归,却被师父算计,做了上门女婿。 别人当上门女婿是受气,他是来当大爷的。 拳打无耻大舅哥,脚踢阴阳怪气小姨子。 恶少皆俯首,世家尽折腰,这是一代邪医纵横都市的故事。 清露星辰动荡,少年强势崛起。 强大力量扶持,一路长歌风卷残云。 战将诸星浴血奋战,热血洒遍星宇...... 大夏皇朝,文武并存。 妖魔鬼怪,无奇不有。 孙七天穿越而来,以逆天悟性文武双修,问鼎巅峰。 朝廷江湖中,皆是他的传说。 他是大夏棋圣,举手投足间,胜天半子! 也是大夏诗仙,绝世诗篇,信手拈来! 还是文道魁首,以创新之法,使文道昌盛! 诸多头衔之中,孙七天最为看重的,是大夏执剑人!   “吾孙七天,大夏执剑之人,以手中之剑,斩尽天下不公,开万世太平!”张元清,河南人氏。生于明嘉靖三十六年,其祖上有恩于朝廷,特在县城造一府邸,祖上为防日后祸乱,又起造城墙,招兵买马,收募官员,名为张氏城府。万历十一年,山东一带陈希真等贼人作乱,朝廷大将身死,朝廷发一招贤榜,元清观后与村中几个玩伴前往京城,领数万军马征伐。互有伤亡,终平定匪患。元清遇一道人,道人送三粒仙药号能长生。元清服下一粒,给心中情人李金凤及好友胡志杰服下一粒,张元清于老家欢快数年,后遭数件坏事,其姑祖母认定屋子风水不好,全家搬至浙江万央镇。后张元清又经历抗击满清和洋人之战,期间李金凤身死。清政府退位后,城府被迫关封,张元清去伏仙山求道。二十年后张元清下山云游。眼下正是抗日全面爆发,元清加入以王正终为首的青平山义军,与日寇周旋,后抗战胜利,义军关寨解散,张元清归隐于青锋山修道。结识了六位道友,在一天夜里做一梦,与一群黑影打斗,却看不清他们脸面,张元清背靠一堵墙持剑自尽,张元清惊醒……
三只松鼠营销的缺点 2017年首都网络安全周 功能营销 网站的重要性 俄罗斯网络安全 什么是网站推广 公民信息安全罪 南通网站怎么推广 网站网络安全制度内容 营销型企业网站策划方案 前世老公的前世解析【www.richdady.cn】 为什么过世的前世故事咨询【www.richdady.cn】 财运不佳的改善方法咨询【www.richdady.cn】 孩子不爱读书的阅读习惯咨询【www.richdady.cn】 事业不顺的心态如何调整?【www.richdady.cn】 头脑混沌的案例分享咨询【企鹅383550880】√转ihbwel 耳鸣的医学检查咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症的环境影响咨询【www.richdady.cn】√转ihbwel 前世缘份的缘分解读咨询【企鹅383550880】√转ihbwel 事业不顺的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子厌学的咨询技巧咨询【企鹅383550880】√转ihbwel 突然过世的原因有哪些【微:qq383550880 】√转ihbwel 无形干扰的前世故事咨询【微:qq383550880 】√转ihbwel 如何缓解耳鸣症状【微:qq383550880 】√转ihbwel 缺心眼的沟通技巧【微:qq383550880 】√转ihbwel 婴灵的超度仪式咨询【www.richdady.cn】√转ihbwel 为什么过世的前世影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 与女友前世的前世案例咨询【www.richdady.cn】√转ihbwel 孩子学习不好的案例分享咨询【www.richdady.cn】√转ihbwel 如何了解自己的前世今生?【www.richdady.cn】√转ihbwel 冯英健 内容营销 手机网站例子 知名营销 网站开发服务公司 网站免费注册 宜兴做网站 传统营销分析 台山网站建设 四川全网营销推广哪家好 四平网站建设个人网站模板 企业网站系统 营销学视频 什么是网站推广 app营销的劣势 山西信息安全测评中心 网站建设有免费的吗 信息安全与无线网络 手机网站例子 知名营销 网站开发服务公司 网站免费注册 宜兴做网站 丹东网站建设 国家信息安全网络安全 视频营销软件都有什么软件 北京微博营销服务商 网站建设有免费的吗 网站免费注册 网络营销对传统营销模式的影响 聊城 网站建设 网站制作多少钱资讯网络安全攻击手段 网站开发服务公司 唐山网站建设费用 信息安全等级保护措施 网站建设品 四川全网营销推广哪家好 网络安全实习日志 端午节公众号营销 酒店电子邮件营销案例 医疗网络安全解决方案 知名营销 中国信息安全证书 考试,-1网络营销基础 青岛网络营销 常见的网络安全问题 网站网络安全制度内容 全网营销产品套餐 网站建立公司四川 广州网站制作公司 公民信息安全罪 dsp营销 网站的重要性 有哪些网络安全论坛 温州企业网站建设 网络安全技术防火墙信息安全系统登记备案 四平网站建设个人网站模板 酒店业网络营销特点 网站开发需求 清华信息安全 唐山网站建设费用 西安交通大学网络安全 腾讯网络营销的挑战 南通网站怎么推广 俄罗斯网络安全 国家网络安全最新消息 淮安网站设计 网站开发服务公司 国家网络安全最新消息 网站开发需求 营销沙龙 营销网站 体验营销中的关联体验 idc信息安全管理系统架构 cu eu 丹东网站建设 网站构建器 网站飘动 网络营销的4c理论分析 2016中国信息安全大会 网站的重要性 西安免费做网站公司 北京微博营销服务商 廊坊网站建设 遵义网站建设 视频营销软件都有什么软件 功能营销 重庆网络营销怎么样 网站建设周期 哈密网站制作公司-哈密网站建设|哈密网络公司|哈密做网站 商城网站都有哪 些功能 网络安全能力 山西信息安全测评中心 小米内容营销分析 俄罗斯网络安全 网站构建器 2017年首都网络安全周 课件营销 网站建立公司四川 我国的信息与网络安全防护能力比较弱 冯英健 内容营销 网站安装网络安全狗安装教程 信息安全服务工具列表 信息安全服务资质(安全开发类),-1 个性化网站建设 重庆网络营销怎么样 信息安全与无线网络 可信网站认证 端午节公众号营销 四川全网营销推广哪家好 中国信息安全证书 考试,-1网络营销基础 西电2015 信息安全就业 个人网站建设 免费 深圳网站设计公司 app营销的劣势 广州网站制作公司 全网营销产品套餐 秦淮网络营销系统 北京邮电大学 信息安全 2017年首都网络安全周 昆明响应式网站制作 成都微网站 唐山网站搭建 网站开发服务公司 网络空间安全 信息安全 知名营销 衡阳网站优化 长沙网站优化 俄罗斯网络安全 it电脑信息安全管理软件,-1 台山网站建设 信息安全等级保护措施 网站免费注册 台山网站建设 网站开发服务公司 视频营销软件都有什么软件 专业建设网站制作 信息安全等级保护测评工作管理规范(试行)