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
360网络安全大会网络营销工作理想企业网站建立哪布吉建网站网络营销中文版2014信息安全培训网站有哪几种邮件营销的有点qq网络安全修复营销方式方法有哪些内容我从小受尽委屈,原以为等成年便可自由,结果还没成年,就给我赶出去了,听话,no no这个词永远不会在我的字典里出现,哈~。报复你们,是最正确的选择,结果我穿越了,还修仙?拜托~我是学渣,某狼:呸!你可真能装! 我,林月,一个平平无奇的剑士职业,原本就与勇者携手战胜魔王的我,正当想解甲归田准备开启我的新的悠闲养老生活时,结果在打败魔王后的下一秒,我被魔王指间的一道强光击中眉心...然后我就来到了异世界了。 所以,这到底是什么展开?我的的武器什么时候变色了?还是黑色... 可下一秒又是什么鬼啊?一剑劈开大山?魔能满格还是无限? 搞咩啊?我的田园生活呢?我的悠闲人生呢?世人尊称他为神主,却不知他亦芸芸众生。一次地震,一次意外,给了他第二次生命,是命运的选择,还是被选择的命运。在这风云变幻的世纪里,创造了一个又一个的奇迹,开创了属于他的新纪元。这一路走来,他用敌人的鲜血奠定了自己无上的权威。 伊人逝,心已死。世间最大的悲哀,莫过于心爱的女子香消玉损。我愿执子之手与子偕老,成为一句空谈后,他便埋葬了自己爱她的心。异世界,魔王,勇者这些本应存在幻想世界的事物却降临在了我一个平凡的美术实习生的身上。 异世界,现实?两者交融,一股神秘力量将我卷入其中,而我身边只有绘画及工具而已,以“笔"为剑开始了我的异界之旅,又有什么在等待着我,神秘而又未知.....故事是从酒馆说书的闯进世界会议,带来一段贝鲁米发现“魔灵”的短片而开始的。张强在末日的五年后重生回到了末日爆发的前十天,这一次他要拯救前世为了他而死的家人与爱人,就在丧尸爆发的前一天,张强觉醒了末日桃花求生系统,上来就是开挂的发展,一路碾压所有敌人无数美女蜂拥而来,最后整个星球都生满了他的孩子! 是丹帝重生?是融合灵魂?被盗走灵根、灵血、灵骨的三无少年——龙尘,凭借着记忆中的炼丹神术,修行神秘功法九星霸体诀,拨开重重迷雾,解开惊天之局。   手掌天地乾坤,脚踏日月星辰,勾搭各色美女,镇压恶鬼邪神。   江湖传闻:龙尘一到,地吼天啸。龙尘一出,鬼泣神哭。   本故事纯属虚构,如有雷同,那就是真事儿,想要对号入座,抓紧时间进群:487963015 微信公众号:平凡魔术师,或者搜索:pingfanmoshushi1982,公众号上有问必答,福利多多! 来自星辰的启示, 人与神明相抗争。 超前进化的智慧, 痴迷幻梦不愿醒。 败军之将,梦途惊醒,逆天改命,铸就新(醒)程。 一代荣耀战神青面修罗,杨枭,执行绝密任务遭遇反杀,隐忍三年之后蛟龙出海,我的恩人,我可以千百倍的报答,我的仇人,你将承受我的怒火,这一生,仗剑走天涯,唯我独尊!【文娱+单女主+狗粮+日常】 刚和明星老婆离婚,林舟便意外成为了当红小天后的私人男助理。 恰逢穿越记忆复苏,林舟没有意外的开始当起文抄公。 然后,传说中的天后背后的那个男人上线了! 二线歌手前妻:“林舟是个不错的男人,可惜他太平庸,不能在事业上帮助我。” 国民女神.绝美腿精.超级天后:“如果没有遇到林舟,我绝不可能有今天的成就!太感谢他的前妻了,把这么优秀的男人送到了我身边!” 前妻:“?” 林舟:“我只是个私人助理,什么金牌词曲人、白金编剧、大导演、征服冰山女神的男人……这些都和我没关系,真的!”
企业网站建立哪 网络信息安全新方向 2014 网络安全事件 中国网络营销环境研究现状分析 airbnb特色营销 网站建设案例怎么样 营销资源 网络安全宣传周活动 网络营销目标是什么意思 蒙牛网络营销 与女友前世咨询【www.richdady.cn】 财运不佳的改善方法【www.richdady.cn】 婴灵的存在有哪些科学依据?【www.richdady.cn】 孩子厌学的原因分析咨询【www.richdady.cn】 感情纠纷的情感修复方法有哪些?咨询【www.richdady.cn】 冤亲债主的干扰与化解技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 内心恐惧胆怯的案例分享【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 不爱读书的咨询技巧【www.richdady.cn】√转ihbwel 外灵的驱除方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 性压抑的心理调适威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的前世因果咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何克服升迁障碍?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 祖灵的存在形式咨询【企鹅383550880】√转ihbwel 感情问题咨询专家咨询【σσЗ8З55О88О√转ihbwel 纠纷的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷【www.richdady.cn】√转ihbwel 事业不顺【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 为什么过世咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 暗恋的咨询技巧【微:qq383550880 】√转ihbwel 耳鸣【企鹅383550880】√转ihbwel 邮件营销的有点 网站设计 广州 网站建设案例怎么样 网站制作设计 营销qq怎么推广方案 2014年信息安全立法 渭南做网站 营销师官网 建外贸网站的 网站建设常出现的问题 营销师官网 企业网站建立哪 电器 网络营销 金融行业网络安全架构 关于网络安全的通知 网站维护网络安全应对方案 专题页网站 日本国家网络安全中心 专业建设网站制作 网络安全宣传周活动 网络安全专项治理 企业多品牌营销计划 信息安全方案 招聘,-1 郴州网站优化 信息安全设计 网络营销的职能关系网络安全事件解决时间 宁德营销策划 优帮云 高校帮软文营销 信息安全国家标准 宁德营销策划 优帮云 互联网热点营销 家教网站建设信息安全测评机构资质 网络信息安全工程师需要读什么专业 信息安全 一级 广州建网站 万州网站建设 电器 网络营销 网络信息安全新方向 信息安全 SAG 公安信息安全 检测中心 2014年信息安全立法 代运营网站 内容营销的特点是什么 物联网网络安全 网络有哪些营销方式有哪些内容 蒙牛网络营销 北京手机版网站制作 布吉建网站 信息安全产品厂家,-1 互联网热点营销 网络安全宣传周活动 国家网络安全周专题 网络安全教学平台 网站欣赏网站手机营销策划 网络营销宝 上海网站设计 网站建设常出现的问题 信息安全产品厂家,-1 中国网络营销环境研究现状分析 广东信息安全协会 青岛公司网站建设价格 网络安全基础:网络攻防协议与安全 课后答案 如何确保网络安全部队 网站首页设计 营销师官网 网络营销模式的特点是什么意思 广东信息安全协会 信息安全论文1500 1.2信息交流与网络安全 网络营销目标是什么意思 网络营销工作理想 标准网站优势 日本国家网络安全中心 网络营销策划培训班 营销型网页 传统网络营销的区别和联系 龙岗网站建设 网站配色方案 对比色 山东大良网站建设 保定设计网站建设 领英公司主页营销 婚纱摄影网站模板 广迅营销网 如何加强信息安全 2014 网络安全事件 营销qq怎么推广方案 网络营销优化顾问 日本国家网络安全中心 信息安全 SAG 2014年信息安全立法 金融行业网络安全架构 领英公司主页营销 手机端网站设计 网站需要什么 信息安全方案 招聘,-1 网络安全科普 计算机信息安全产品 asp网站后台进不去 输入密码用户名提示用户名错误 领英公司主页营销 设计有关的网站 网站维护等 seo精准营销 seo精准营销 网络信息安全新方向 网络营销宝 中国信息安全 政府比例 山东省信息网络安全协会是骗人的吗 商城网站都有什么功能吗 网站建设有免费的吗 北京手机版网站制作 网络营销中文版 信息安全的基本要求是 外贸全网营销方案 什么叫网站 网站制作设计 建网站工具 网站需要什么 青岛网站建设培训 电器 网络营销 信息安全等级保护研究 网络营销案例心得 金融行业网络安全架构 互联网热点营销 传播营销策略 信息安全论文1500 虚拟化网络安全技术 互联网广告营销策划方案 网络安全基础:网络攻防协议与安全 课后答案 2014信息安全培训 产品网站建设 网站建设策略 网络安全 公安部 苏州专业网站设计制作公司 网络安全教学平台 网络安全教学平台