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
网络营销网站建设案例分析盛大网络公司网络营销发展现状网络营销中存在的问题及其原因长沙的网站建设公司卫浴网络营销策划案营销术语大型手机网站制作网络营销策划举例军用信息安全产品认证西安交通大学网络安全衡水网页网站建设我不想当反派啊,那可是主角的垫脚石,被装B打脸的对象,最后被主角干掉......。“叮、叮、叮...,无敌大反派系统加载中...。”“额,当反派其实也不错,一时反派一时爽,一直反派一直爽......。”为了救人,穿越古代的赵亨义娶了个克夫的丧门星,一同带回家的,还有丧门星那六个拖油瓶妹妹。 什么?一个媳妇六个小姨子养不活?不存在的! 看我带着乡亲们种田打猎搞副业,偷偷发展高科技,昂首阔步新天地! 朝廷腐朽,皇帝昏庸,不给百姓留活路? 那就掀翻这鸟朝廷,杀了那狗皇帝! 草原蛮族年年寇边,岛国强盗肆虐海疆,西方贼人觊觎中原? 来,豺狼虎豹往这看,看看你亨义爷爷手里这杆二十连响的火铳它帅不帅! 我本齐天孙大圣,打落人间入凡尘 生老病死贪痴嗔,碌碌半生血犹温 今朝纵歌拔剑起,九州光寒荡鬼神 天若有情指天问,最难消受美人恩身世悲惨的我穿越到了异世界竟然是主角的垫脚石?坑爹啊!(新人,文笔不行请见谅) 羽化飞升的周蒙没有成仙,却穿越来到了灵川大陆,灵魂附身在一个孱弱的少年身上。   人类是灵川大陆唯一无法炼气的生物,也是灵川大陆食物链的最低端的存在,还是众多兽族的口粮。   周蒙带着一身蓝星道法穿越,意外找到了人类修炼的法门。自身强化的同时还利用蓝星道法增强人类,居然能够使人族拥有无上实力。   周蒙以凡人之躯加冕人皇,带领人族崛起。   狼族:“区区人族而已,犹如蝼蚁,小指头足以捏死!”   狐族:“什么时候人类也能称之为威胁了?”   树族:“狗屁人类,我一巴掌一个好吧!”   人族开启修炼之旅,全员恶人之后。   狼族:“人族大佬们饶命,我愿意终生为人族当狗!”   狐族:“人类决不能留!”   蜥族:“啊?我蜥族被人族一巴掌一个了?”   扫清一干种族,成就万古人皇!!资深外科医生林陨,莫名穿越到九州大陆的玄月宗,成为了最被人看不起的一名上门赘婿,同时也拥有了一位美若天仙的宗主妻子。 幸得药神系统,无限速成神品丹药,修得上古肉身成圣之法。从此扭转悲惨命运,脱胎换骨! 阴谋毒害、冷眼嘲笑……一切都将成为过去。 纵横万古帝之道,我自剑来谁言轻? 哪怕是当赘婿,他也要当一名最强最狠的赘婿!主角房齐天是个刚高考完的学生,在接受了大学毕业后准备和同学们一起去游玩的留学生——表哥余秋明的邀请后来到了富家子弟的私人飞机上。飞机在空中飞行时进了一个虫洞,是穿越?还是穿越到古代?落地后发现这是一个名为“瑞”的朝代。 房齐天的名字变成了花零,并且在经历了许多事后被告知这是上古时代。还说希望文明回到正轨就要牺牲一个人并接受诅咒,让文明全部毁灭,这太荒谬了。花零最终完成了这些“神”给予她的“任务”,文明消散后花零在这个时空的家庭也不复存在,所有人都会忘记花零。 ——神明那所谓的诅咒就是:永生不死。 永生后的花零目睹了所有朝代的兴旺衰败,目睹了国家与国家之前的勾心斗角,历史的兴旺衰败花零都看下来了。 但是花零的永生可是被杀被碎尸万段都能够无限复活的永生,当然不止能看那五千年……少年魏杰因车祸而亡,灵魂出窍,空越到古代,附体于被毒杀的同姓名、同年龄的古代少年。 死而得生的古代修真少年魏杰,拥有了现代少年的知识,古今结合的少年。被炼气门、炼体门的门主同时收为亲传弟子,指定为继任门主。由此演绎出一场场喜怒哀乐的人生大剧。八大系统集一身!“我无敌,你随意.”江尘无视诸位万界大能,淡淡道。这个世界没有划分严明的等级制,这些主角没有外挂一般的金手指,这里的能力千变万化,任何你可以想象到的事物都会成为本源。由于一个潜伏于黑暗中的组织而被扭曲命运的人啊,靠着你们的信念与友情,创造明天吧! PS:人物都是兽人,可以参考“大理寺日志”的少卿,和“从零开始的魔法书”的佣兵,不同种兽人形象有区别,小说内有介绍。
青岛信息安全企业 南阳手机网站建设 邢台网站推广 上海运营营销号大公司简介 网站的布局 互联网企业信息安全网络安全技术好学吗 高端大气网站建设 移动营销的优势劣势 南昌市做网站的公司 网络营销的表现形式 家宅磁场对居住者的影响【www.richdady.cn】 前世今生的轮回转世咨询【www.richdady.cn】 前世今生的轮回传说咨询【www.richdady.cn】 财运不佳的财富增长技巧有哪些?【www.richdady.cn】 纠纷【www.richdady.cn】 前世缘份的缘分再续【微:qq383550880 】√转ihbwel 事业不顺的职场突破技巧有哪些?【www.richdady.cn】√转ihbwel 学习成绩差的环境影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症的前世因果【σσЗ8З55О88О√转ihbwel 冤亲债主威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何应对冤亲债主的干扰?咨询【企鹅383550880】√转ihbwel 孩子学习不好的辅导方法【微:qq383550880 】√转ihbwel 前世缘份的前世记忆咨询【微:qq383550880 】√转ihbwel 婴灵的化解方法咨询【企鹅383550880】√转ihbwel 事业不顺的职场调整咨询【企鹅383550880】√转ihbwel 财运不佳的财富管理【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 有官司咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的自我提升威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 儿子不读书的改运方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的原因分析咨询【www.richdady.cn】√转ihbwel 网站建设服务费标准 深圳网站维护公司 信息安全从业要求 网站制作报价 深圳整合营销 网络安全的新闻 网络营销的表现形式 南通网站制作 国家信息安全产品 四川全网营销推广 做网站前 杭州的网站开发 开设信息安全大学名单 网站建设客户问到的问题 网站营销网 从化建网站 信息安全系统设计,-1 如何架设php网站 b2b网络营销的定义 浦东新区网站建设 无锡网站制作难吗 台州做网站的公司 网络营销的定义及分类 移动营销的优势劣势 网络营销策划举例 网络安全哪家好 深圳h5网站制作 网站建设公司哪个好 淄博市网站开发风险评估管理软件 信息安全 比较 网站设计公司-信科网络 网站代 网站建设seo优化公司 网站数据包括哪些内容信息安全 专题 网络营销的定义及分类 网络安全所涉及的内容 网店营销计划 单位信息安全等级保护 网站备案教程 营销小组 网络营销服务协议 网络安全竞赛入口 单位信息安全等级保护 分析盛大网络公司网络营销发展现状网络营销中存在的问题及其原因 信息安全是 的结合体是一个整体的系统工程 网络营销的定义及分类 深圳网站维护公司 网站的布局 南阳网站优化 搜索引擎营销效果评估 公共网络安全厂家 网站建设seo优化公司 南阳手机网站建设 信息安全系统设计,-1 网络营销网站建设案例 北京网络安全培训 达内培训 网络营销课程 网站建设客户问到的问题 网站建设的公司 主流网络安全机制 建设网站的成本 邢台网站推广 网络安全动态分析包括 佛山网站建设的首选 营销术语 南阳手机网站建设 网站建设团队 b2b营销软件 深圳制作网站哪家好 营销与社会营销的区别 为什么要做一个营销型网站 互联网信息安全产业基地 青岛信息安全企业 深圳网站维护公司 工控网络安全学院 门户网站开发 网络安全的新闻 网站数据包括哪些内容信息安全 专题 门户网站开发 深圳制作网站哪家好 深圳h5网站制作 网站建设公司哪个好 如何架设php网站 网络营销服务协议 从化建网站 网络营销策划举例 网络营销建立在 葫芦岛网站建设 深圳整合营销 企业网络安全实现的方案 ips 网络营销成功事件 应该双网站 网络安全哪家好 南阳网站优化 网站seo诊断 手机网站例子 企业网站建设版本 从化建网站 北京信息安全行业分析,-1 网络营销学下载 云南网站设计 信息安全的技术有那些 网站快速备案 东莞企业营销型网站策划 枣庄做网站 信息安全系统设计,-1 淄博网站排名seo QQ转发营销活动 b2b网络营销的定义 信息安全安全测试 网络营销成功事件 西安交通大学网络安全 迅腾科技-专注网络安全 深圳整合营销管理 辽宁信息安全测评中心 软件定义网络安全微信营销怎么引流 昆明高端网站建设 你自己的计算机上网遭受网络安全威胁时你是怎么做的? 北京信息安全行业分析,-1 php大型网站设计 浦东新区网站建设 营销与社会营销的区别 casb 网络安全 金盾信息安全 邮箱营销系统哪个好用 信息安全竞赛作品赛 金盾信息安全 网络安全所涉及的内容 网络营销学下载 网站取消备案 怎样建网站 电子邮件营销文案 高端大气网站建设 网站建设公司哪个好 微博营销广告语 饥饿营销英文解释