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营销型网站模板知名信息安全公司排名江西企业网站建设长沙 网站建设网站营销公司哪家好江湖并不只存在古代,现代江湖更加澎湃。 风起云涌时谁将乘风而上,变异突生时谁又能保全自身。 本书无系统,传统类都市。上辈子活的庸庸碌碌,既然上天又给了我一次机会,当然要活的不一样啊。毕竟上天安排的最大嘛!太古如梦的神魔故事,演绎正邪的七大剑派,侠 骨柔情的快意江湖,胜那天上宫阙的九灵宫,最神 秘不过的冰雪国。 漫漫长长的寻凶之路,一剑一酒一宿醉一个人、妖、魔共存的世界。平静的外表下危机四伏,各方势力蠢蠢欲动。中土、远东、极北、蛮荒、地下城等各方势力暗自角逐。整个世界即将破碎… 王星澜一个平平无奇的游侠儿,因他的到来加速了世界的破碎。但物极必反,他的到来也让即将破碎的世界萌生出来一次愈合的力量。 一次又一次的冒险中,王星澜加入了一个神秘的组织,结识了志同道合的朋友,同时也逐渐明白自己来到这个世界的目的,他所承载的使命…… 聪慧的游侠、内秀的术士和古怪的女盗贼。奇葩的伏妖小队终将成长为一方巨擎!叶辰生于诸神黄昏时代,神格散落大地,人人皆可成为神! 本是天之骄子的叶辰,却因自身神界内的信徒皆是无法修炼的人类,从而惨遭退学…… 幸好,他还觉醒了超级科技系统! 于是,当所有人都在钻研各种魔法,信奉个人之勇的时候。 他的信徒却凭借科技的飞速发展,创造了机械飞升的道路。 二向箔、光速飞船、反物质导弹、基因进化、人工智能、计算机破解一切魔法公式……某天绿被应聘的一个奇怪的公司,只因为无意中参与到……生在一个没地位没背景没钱的普通家庭,男主只能独自一人在大城市打工。一觉醒来却发现自己穿越到了一个陌生世界,后来才知道这是十五年后……2022年最新 都市爽剧 逆凡人生之 永生 本故事集玄幻小说武侠小说为一体!讲述主人公廖凡的永生之道!这里有魔法和斗气!有武林和秘籍!有仙魔和妖怪!有侠骨和柔情! 作者以上帝视角,完美的诠释了所有故事情节的发展,带你进入一个奇妙的魔幻世界!! 感谢平台支持【女帝】、【脑洞】、【搞笑】 一位普通的网文读者云逸,穿越到了看似平常的异世界。 熟读套路的他,开局就抄了前世的一本经典仙侠小说,想要通过网文赚取第一桶金。 但没想到。 这个世界,正处于灵气复苏不久,修行之法还未开创的时代。 所以,当云逸小说火起来的同时,一部分人发现... 小说里的修行功法、锻器手段、炼丹丹方,竟真的全部可以模仿使用! 此刻,全球震惊,各国开始紧急接触云逸! “仙帝无私奉献,哪怕是圣品功法也未曾藏私,令人钦佩!”有人族修士恭敬道。 “师父悉心教导,润物细无声,让我受益匪浅。”女帝徒弟言笑晏晏。 “仙帝一剑斩妖,救人族于水火,此等胸怀,我难以企及!”有人族大能跪拜。 自此,云逸被全球的修行者们尊为“开天地新生,创万界新道”的原初仙帝。陆恒睁眼。 他看见—— 朱门富贵,穷奢极欲,酒池肉林,骄奢淫逸。 世间如狱,命如草介,白骨蔽原,不见人烟。 他抬头—— 乌云遮日,不见烈阳。 黑云压城,暴雨将至。 他提刀—— 光明不复,亦为之前驱。 希望在身,愿为之赴死。 少年任侠? 不如做个开天辟地、荡尽妖邪的大魔。
音乐网站的色彩搭配沈阳网站制作 青岛专业餐饮网站制作 提供佛山顺德网站设计 网络与信息安全监测 滑动网站 大学生网络安全竞赛 知名信息安全公司排名 互联网广告营销特点是什么意思 建英文网站 免费营销 公司破产的前世因果咨询【www.richdady.cn】 财运不佳的财运提升【www.richdady.cn】 人际关系不好的表现及原因【www.richdady.cn】 公司破产的后续规划【www.richdady.cn】 大龄剩女的案例分享咨询【www.richdady.cn】 什么原因意外的前世修行咨询【企鹅383550880】√转ihbwel 前世老婆的咨询技巧【微:qq383550880 】√转ihbwel 迟缓儿的环境影响咨询【σσЗ8З55О88О√转ihbwel 儿子抑郁症的环境影响【σσЗ8З55О88О√转ihbwel 孩子厌学的解决方法【企鹅383550880】√转ihbwel 儿子抑郁症的康复训练【企鹅383550880】√转ihbwel 感情纠纷的情感重建方法有哪些?咨询【企鹅383550880】√转ihbwel 暗恋的咨询技巧【www.richdady.cn】√转ihbwel 莫名其妙感伤威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份如何影响今生?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的重逢有何迹象?【www.richdady.cn】√转ihbwel 公司破产的后续规划【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 为什么过世的前世影响咨询【www.richdady.cn】√转ihbwel 发育倒退的环境影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 亲子关系的家庭氛围如何营造?咨询【微:qq383550880 】√转ihbwel 营销益处 广东省计算机信息网络安全协会 网络安全产品审查 网站营销公司哪家好 网站迭代 灰色的网站 微博营销的不足 山东网络安全周 德宏网站制作 网络安全4hou 长沙低价网络营销 成功营销官网 网络安全攻击手段 建英文网站 支付宝营销策划案例 江苏网站建设效果 网络安全检测机构 第一届360信息安全大赛 互联网广告营销特点是什么意思 南宁信息安全 网络安全 热点 青浦网站建设 网络安全大牛的博客 网络安全问题 原因 大数据网络安全架构 扁平化网站建设公司 网站建设西安 扁平化网站建设公司 9月营销 发放信息安全奖的申请 网络安全知识教育平台 音乐网站的色彩搭配沈阳网站制作 互联网营销的总结 网站如何被百度收录 信息安全员 icp 网络安全产品名字 免费建建网站 网站的意义 合肥需要做网站的公司 石家庄网站推广 信息安全英文新闻 京东的网络营销工具 太原推广型网站制作 免费建建网站 公司网站开发制作 找人做网站 金融网站建设报价方案 免费网站设计 如何运用网络营销渠道 互联网广告营销特点是什么意思 网络安全评估:从漏洞到补丁 信息安全等级保护中心高级网络安全设置 新建网站的缺点 青岛找网站建设公司 有关于网络安全的内容 网站建设使用哪种语言好 成功的网络营销案例 美国网络安全信息共享法案 网络与信息安全监测 天津专业网站建设公司 大数据网络安全架构 合肥需要做网站的公司 提供佛山顺德网站设计 企业手机网站建设精英 营销行业学院 顺德做网站的公司 网络安全产品名字 网络安全产品审查 对网络安全的看法 网络营销和互联网运营 网络安全测试工具 我想建网站 信息安全分级技术 大学生网络安全竞赛 目前的信息安全形势,-1 对网络安全的看法 首都网络安全周 网络安全认证主要包括淄博网站优化首选公司 长沙 网站建设 发放信息安全奖的申请 网站建设使用哪种语言好 长沙微网站 黑客技术和信息安全教程 2016信息安全展 政府信息安全ppt 整合营销传播什么意思 客户信息安全与管理 天津网站开发 9月营销 南宁信息安全 成功微信营销案例 网络与信息安全监测 事件营销分类 国家信息安全意义 信息网络安全的第三 网络安全与责任 扁平化网站建设公司 专业的外贸网站建设公司 临清网站建设 旅游网站开发 网站信息安全备案,-1 软文营销素材 博客营销细节 公安部信息安全采购 成功营销官网 手机模板网站开发 网络营销师值得学吗 南宁信息安全 网站营销公司哪家好 事件营销分类 信息安全红蓝队 信息安全分级技术 专业的外贸网站建设公司 信息安全等级 威胁 手机模板网站开发 东莞营销网站制作 营销型网站sempk 医院营销推广活动计划 上海网站推广公司 信息安全服务资质办理 网站栏目排序 福州网站设计湖北省信息安全等级保护协调小组 营销型网站模板 成功的网络营销案例 建立政府公众网站的目的的 聚美优品营销模式分析 深圳营销策划 信息安全软件测评中心 大市场营销的6p 网络安全硕士 电器 网络营销 互联网营销的总结 聚美优品营销模式分析 精致的网站 信息安全分级技术