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
互联网产品营销计划即时通讯工具营销什么是搜索引擎营销网站制作预付款会计分录昆明微信营销公司成都高新区 信息安全岳阳网站制作南宁互联网营销公司b2b营销模式 范本3g网站开发“无敌于这世间之四刀之第一招之龙之虚影附身之世界第一刀之神龙刀!”这是一个少年给自己招式起的名字秦煜魂穿大唐,激活了个说书系统,却没想到开局任务就说【长生诀】。 秦煜:在大唐说长生诀?系统你怕不是嫌我死的太慢!你咋不叫我去讲玄武门之变? 系统:那就讲玄武门之变,要么现在死! 秦煜:我也不是怕死,就是爱讲玄武门之变! 李二:听个书,结果听到揭秘玄武门之变!这厮当真是不怕死呀 苏浩偶然发现当自己接触到命案凶手所使用的凶器时,就会意识穿越附身在作案时的凶手身上,见证命案的经过。后被当做犯罪侧写型人才,作为编外特聘人员加入警队,从此开启了查案追凶生涯……天地玄黄,宇宙鸿荒……一个老大的人干嘛还读这个?啥?我小叔叔是个盗墓的?一个充满神奇色彩的世界,在这里,一切都是未知的,但是,一切都是被记录的的。天是什么,是一部法典,一部恐怖的法典,不过,法典是什么呢?哦!法典就是用来查阅的,管我,凭什么,法典就是法典还是乖乖的做好你的本职吧!本应平凡,却阴差阳错,这一天,天逆了,人变了,他还是他吗......星辰变,乱世起,意外的流星,意外的出生,血腥、挫折,还有家散,成就了他的不凡,他是谁?到底是谁呢?弥漫在空气中的各种元素微粒,他们在运用着自己的力量在使用它们,聚合、变质、融合等等,各种各样的变化,这是元素与灵魂相存的世界,灵魂运元素,元素依灵魂。一个生活在地球上的少年意外的穿越来到了怪物大师的世界里,身为穿越者的他,本该以主角的身份纵横剧情,但谁知却失去了穿越前的所有记忆,最终在医疗怪物大师亚克的帮助下,走向了成为一名怪物大师的道路。 少年一步一步的成长,同伙伴经历众多,同时也寻找着失去的记忆,但他发现,这个世界似乎与其他的世界相连通? 银发紫眸,与他来自同一世界的精灵; 狐耳狐尾,来自云国古都的少女; 继承了深渊神秘力量的刺客;追随光明的少年剑士; 还有背负长枪,身世神秘的少年;背离家族,寻求自由的继承人;挣脱牢笼,飞向辽阔天地的琴女。 ———— 1:本书融合了包括奥拉星,怪物大师,剑灵等作品在内的各种世界观以及大量的自创设定,不喜勿喷。(详细见《阅读指南》) 2:本书同其他几部作品联动,包括《怪物大师伊洛维奇自传》《剑灵风成趣传》《怪物大师新生》等,部分联动作品连载于其他网站上。 交流群:1034283852 作者QQ:3167802402   来自深渊的威胁,来自回望自由的人,还有吞没自然的怪物......我们会一一解开谜底他本是星辰帝国的太子,可谁料发生叛乱,让当时年仅8岁的他,父母双亡,经脉被废,从堂堂太子变为废物。他本以为这辈子都不能修炼了,所以一心求死,可是却遇到了一位老仙人。那老仙人不但让他住在自己的洞府里,还炼出神丹,让本是废物的他能重新修炼,甚至收他做了弟子,还将自己的女儿许配给了他...... 他定要在这片大陆掀起波澜,报仇雪恨......离家出个走,居然遇到了一名博士。 他们之间的缘分远不止一面之缘,一些奇奇怪怪的东西随着两人的接触,渐渐跑进了他的生活。 古怪离奇的东西变成了自己的日常。 世界的本来面目被一点点揭开,能窥觑到的每一个部分都让人惊异万分且难以承受! 而这些仅仅是大千世界的九牛一毛而已! 就算知道了太多太多,需要很长时间去消化。 那这,是否又真的是世界最真实的那一面呢? 这博士,究竟又是怎样的…人呢? 他又小心翼翼的维护着怎样的秘密…? 【对世界的新认知!】 【对科技的惊发现!】 【对未来的再思考!】 【认知崩塌重新排序的宇宙狂想曲!】玄灵界,这片拥有着十境九地的广袤大陆之上,每隔千年便会产生一次降灵异象,伴随异象应世之人被称为玄灵尊者,而每任玄灵尊者的使命,就是带领灵族众将,重新封印上古异族。
密码技术网络安全公司cio 信息安全 信息安全等级保护北京,-1 信息安全直播 免费网站域名申请 网络营销的方式 2014中国网络安全大会 营销的发展 网络安全攻防入门与进阶 营销方案技巧 什么是搜索引擎营销 亲子关系的教育理念有哪些?咨询【www.richdady.cn】 外灵的干扰特征咨询【www.richdady.cn】 家庭关系的咨询技巧【www.richdady.cn】 感情纠纷的情感和解【www.richdady.cn】 迟缓儿的家庭支持咨询【www.richdady.cn】 暗恋的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 潜能开发与自我提升【σσЗ8З55О88О√转ihbwel 冤亲债主的前世今生咨询【企鹅383550880】√转ihbwel 缺心眼的解决方法【σσЗ8З55О88О√转ihbwel 与老公前世的影响分析咨询【www.richdady.cn】√转ihbwel 亲子关系中的沟通艺术【σσЗ8З55О88О√转ihbwel 特殊学校的前世因果咨询【www.richdady.cn】√转ihbwel 感情纠纷咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主的干扰与超度咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的咨询技巧【微:qq383550880 】√转ihbwel 大龄剩女的自我提升【σσЗ8З55О88О√转ihbwel 祖灵的超度仪式咨询【微:qq383550880 】√转ihbwel 前世缘份的缘分揭秘咨询【σσЗ8З55О88О√转ihbwel 长期精神不振的原因【www.richdady.cn】√转ihbwel 微信开发网站建设程序 网络营销发展分析报告 网络安全防范方法 客户端安全 网关安全 服务器安全 安全服务 昆明微信营销公司 家用网络安全 网络营销的方式 网络安全检查方案 婚庆网站建设 网络营销行业由来 康师傅网络营销方案 安全等级保护配置指南 - 公安部信息安全等级保护评估中心 青岛外贸网站建设 信息安全管理服务 网络建设的网站 南宁互联网营销公司 沈阳开发网站 珠海企业网站制作费用 广大的信息安全 体验营销案例 网络营销发展分析报告 珠海网站优化 湛江网站优化 网络营销店铺推广问题 国家安全网络安全威胁 美国网络安全中心主任 17年网络营销案例 中国 国家安全局 网络安全 魔兽信息安全 即时通讯工具营销 b2b营销模式 范本 青岛网站制作 企业网络安全培训 上海网站维护 网络安全评估报告 珠海企业网站制作费用 17年网络营销案例 广州做网站建设哪家专业 网络营销发展分析报告 深化网络安全思考讨论 中国移动 网络安全 微信开发网站建设程序 网络安全 个人隐私 文章 服装网站建设 国家信息安全中心评级 双色调网站 国家信息安全共享平台 公安部网络安全保卫局 备案 seo网络营销 优帮云 营销的发展 重庆网站开发设计公司信息安全的研究内容 徐州网站二次开发 建行手机网站网址是多少钱 高特效网站 网站模板和定制的区别 网络安全部署方案 网站制作预付款会计分录 营销性软文 微汇通微信营销软件 英雄联盟网站设计 亚马逊营销 3g网站开发 网络营销师证书 安全等级保护配置指南 - 公安部信息安全等级保护评估中心 网络建设的网站 美国网络安全中心主任 婚庆网站建设 婚庆网站建设 服装网站建设 湛江网站优化 2017网络安全大赛 家用网络安全 信息安全直播 搜索营销的主要模式 销售群发营销信息 制作网站 网络信息安全检查 互联网发展现状 网络安全 三只松鼠营销策略论文 教育行业信息安全方案 网络安全测评培训教程 长沙市网站制作公司 微信开发网站建设程序 如何新建自己的网站 网站模板的好处 运维网络安全宣传图 网络信息安全发展史 2016信息安全报告 汽车网络营销方案 网络营销 建站公司排名 珠海网站优化 广州市手机网站建设 市场和市场营销的关系 信息安全评估级别表 网络营销的108个故事 山东网络营销 苏州网站推广 有哪些软文营销例子 什么是搜索引擎营销 亚马逊营销 房地产网站制作 网络信息安全专题 先知网络安全 信息安全管理服务 密码技术网络安全公司cio 信息安全 中国 国家安全局 网络安全 沈阳开发网站 智慧城市与信息安全,-1 房地产的网络营销方案 2014广西信息技术与信息安全 政府系统信息安全检查指 南京网站推广营销公司 三只松鼠营销策略论文 网络安全部署方案 珠海网站优化 海底捞服务营销数据 网络营销行业由来 亿阳信息安全部门咋样 魔兽信息安全 信息技术与信息安全快速播放 seo网络营销 优帮云 搜索营销的主要模式 论国际网络营销的作用 青岛网站制作 微汇通微信营销软件 产品型网站 互联网信息安全案例分析 网站到期了 email营销的基本要素 网络安全训练 网络安全监控有什么用 微信营销总结主题 市场和市场营销的关系 魔兽信息安全 企业公众号的营销策略 互联网信息安全案例分析 营销方案技巧