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
网络公司营销手段网络营销实战课程下载上海平台网站建设公司深圳网络营销学校网络营销怎么做见效快成都网站建设市场分析什么软件做网站好教育网站建设高校网络安全采访问题如何创办网站万族争霸,祸乱星海,沦落为奴的少年凭一柄神秘之剑,于微末中崛起,勇闯异界,一路逆袭,吞噬无尽种族,铸炼无上剑体,从此踏上热血争霸之路,力压万族天骄,剑斩诸天神王,横扫八方星海,乱世之中为人族斩开一片天,带领人族称尊寰宇!最终成为一代人王剑尊! “天赋逆天,机缘无数,杀不死我的,终将成为我的养料!” “吾为万古第一人王,诸天万界第一剑尊!”赵牧意外穿越大秦世界,绑定最强工业系统! 只要完成任务,就可以获得奖励! 叮!完成任务,获得纺织机图纸, 叮!完成任务,获得蒸汽机图纸! 叮!完成任务,获得燧发枪图纸! 赵牧无比激动,终于可以开始工业革命了。 就在他打造了一个地球仪给秦始皇,准备说服他改革军制统一地球的时候,秦始皇拿出了一本九州图志。 北部,元朝和宋朝 东部,大明国 南部,大隋.... “这几个帝国每一个都有天人境强者坐镇!” “就凭你那个打鸟的玩意,也能让朕一统天下?” 赵牧看了看手中的地球仪和燧发枪,陷入了沉思。 酆都鬼门大开、黄泉河巨藤生长、富士山喷出拉普达城、达尔瓦扎坑洞崩塌、胡斯卡古堡发出怪笑声…… 世界大变,出现闻所未闻的怪物,人类生存堪忧,无知少年誓要揭开地球的秘闻,踏上金字塔顶峰! 【喜欢就点个收藏吧,各位看官】蓝星被神秘力量激活了生命能量收割程序,末日降临,是生命的终焉,也是生命进化突破桎梏的初始。 魏昱意外激活血脉传承水晶,突破层层生命桎梏枷锁。 且看魏昱如何在这人心险恶的末世之中,诛小人,杀怪物,屠圣母,做自己想做的事,救自己想救的人,杀自己想杀的人。 魏昱说:“我只想做一个属于自己的好人。” 一觉醒来陈文发现自己穿越了!然而青梅竹马准未婚妻因为家中负债,被逼嫁给隔壁地主!为了挽回心爱的她,为了做一个富贵闲人,陈文不得不整出一个又一个的小发明,经商致富,种田发展,一步步做大做强,再创辉煌!绝世狂龙重出牢笼,横行四海。 翻手为云覆手为雨,万千枭雄沉浮脚下,都市人杰退避三舍,敌国精锐消声灭迹,各方势力偃旗息鼓。 娶女战神为妻,灭敌手于江湖,驰骋官商两界,山高人为峰,世间我为王。我是一只哈士奇,一只英文名叫dog,中文名叫道格的哈士奇。 作为一只会说人话的狗,我的压力很大,保不住哪天就被抓走切片了。 而现在,我的铲屎官居然把我丢给了一个叫单小飞的宅男,自己逍遥快活了。 在和单小飞生活的日子里,我真是受尽了苦痛折磨。但是也经历了许许多多有趣的事情。人类这个物种已经在这个世间存在了两百万年,但却只有近代的几千年是有意义的,那么在这之前我们在做什么?我们就像野生动物一样挤在拥挤的洞穴中,围在篝火旁,瑟瑟发抖的害怕着那些我们不了解的事物,无论是东方妖异变换的诡魅,还是西方鸟头人身的类人物。小小侍郎,一朝得志,只手遮天,鸡犬也能升天,导致江山风雨飘摇。 堂堂王子,韬光养晦,忍受欺凌,只为等待黄袍加身那一刻。 不问苍生,迷恋长生,皇帝一心想修炼成仙,羽化飞升。 江山风雨飘摇,妖魔鬼怪难分,酝酿着偷天换日的滔天阴谋。 谁为正道?谁为邪魔? 从来英雄难过美人关,英雄为谁护花?美人为谁心悦? 有人的地方,就有江湖,朝野是权力场的江湖,步步为营、如履薄冰,武林是名利场的江湖,热血冲杀,义盖云天,江湖路上,从来都是腥风血雨。修仙难,一看天赋,二看机缘,三看身家。 王耀穿越而来,却成为一介天赋全无的边远村民。 且看王耀如何以妖入道,踏上仙徒,巧妙周旋,化险为夷。 凭借一腔热血,二世为人,成就三界功绩,四世威名!
深圳哪家网站建设好 网络营销四种策略 成都 网站建设 网站开发团队人员网络安全竞赛入口 经营模式和营销模式 网络营销运营部 自学网营销运营 东莞网站开发推荐 网络营销四种策略 网上营销环境 内心恐惧胆怯【www.richdady.cn】 灵性成长工作坊【www.richdady.cn】 孩子厌学的心理调适【www.richdady.cn】 感情问题咨询专家咨询【www.richdady.cn】 前世缘份如何影响今生?咨询【www.richdady.cn】 如何识别冤亲债主干扰咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与男友前世的前世解析【σσЗ8З55О88О√转ihbwel 亲子关系的教育理念有哪些?咨询【微:qq383550880 】√转ihbwel 与男友前世的前世缘分【σσЗ8З55О88О√转ihbwel 化解外灵的专业手段【企鹅383550880】√转ihbwel 感情纠纷的情感调解【σσЗ8З55О88О√转ihbwel 家庭关系的心理调适【www.richdady.cn】√转ihbwel 如何改善人际关系【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世老公的前世解析【微:qq383550880 】√转ihbwel 灵魂化解的步骤咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 外灵干扰的前世因果【σσЗ8З55О88О√转ihbwel 心特别累的前世记忆咨询【企鹅383550880】√转ihbwel 查财运专业服务咨询【微:qq383550880 】√转ihbwel 事业发展瓶颈突破咨询【σσЗ8З55О88О√转ihbwel 保障电脑安全和信息安全的建议 微信群营销的推广方式 把网络安全作为头等大事 东华大学 信息安全 普及化营销 网络营销事件案例分析 网络营销运营部 高校网络安全采访问题 如何用网络营销的方法有哪些方法有哪些方法有哪些内容 东莞 建网站 网络营销能力秀等级 网络安全公司招聘 网络安全身份验证的方法 企业网络安全解决案例分析 中山企业手机网站建设 长沙微信网站公司 网络营销考研 网络安全威胁类型 专业的网络营销哪里有 东莞 外贸网站 建站 长沙市网站制作公司 关于公司的网站设计 中山企业手机网站建设 网络安全协议是为保护网络和信息 网络营销实战课程下载 把网络安全作为头等大事 网络营销能力秀等级 网络安全态势感知 外文 网络信息安全公告 信息安全的人员安全,-1 东莞网站开发推荐 网站开发团队人员网络安全竞赛入口 时代营销网 网络公司营销手段 网络安全基础 协议安全 冯燕春 信息安全 网络安全态势感知 外文 中国培养 信息安全 网络安全方面的人才 培育效果 培养机制 网络安全国际会议 西安 三金网手机网站 搜索引擎的营销策略 重庆网站建设公司名单 谷安天下 信息安全意识 病毒营销的定义与特点是什么 葫芦岛网站建设 如何创办网站 销售观念的营销手段是 濮阳网站建设 网络推广网络营销软件公司 网络安全身份验证的方法 中山企业手机网站建设 专业的网络营销哪里有 网络与信息安全 网络信息安全面临的威胁 信息安全测评中心主任 中国培养 信息安全 网络安全方面的人才 培育效果 培养机制 网络信息安全比赛 好网站范例网络安全违法举报中心 企业网络安全风险评估 金融系统网络安全 网视觉营销 武汉网站建设 普及化营销 网站类推广软文怎么写 网络安全运维面试题 网络安全基础 协议安全 金融系统网络安全 营销型网站策划 西安制作公司网站的公司 瑞星:2013年上半年中国信息安全综合报告 葫芦岛网站建设 淘宝服装店营销策划 中国信息安全认证中心网站 营销引流软件 网络营销能力秀等级 余额宝营销 重庆网站建设公司名单 保障电脑安全和信息安全的建议 成都网站建设市场分析 我们国家网络安全吗 网站类推广软文怎么写 网络营销怎么做见效快 微信群营销的推广方式 网络营销模式ppt 医疗大数据信息安全,-1 网络安全身份验证的方法 网络安全身份验证的方法 武汉手机网站建设咨询 谷安天下 信息安全意识 2017全球华人网络安全 把网络安全作为头等大事 福州做网站建设服务商 2017最新网络安全事件 瓦房店网站建设 网络营销模式ppt 信息安全相关认证证书 网络安全技术包括什么 昆明网站开发 什么软件做网站好 深圳哪家网站建设好 关于公司的网站设计 网络安全风险评估系统 金融系统网络安全 医疗大数据信息安全,-1 信息安全专业大学排名2017 网络安全威胁类型 冯燕春 信息安全 淘宝服装店营销策划 网络推广网络营销软件公司 网络营销运营部 外贸网站建设公司流程 普及化营销 网络与信息安全课程报告 信息安全等级保护定级备案 成都 网站建设 淘宝网营销 计算机信息安全等级划分准则,-1 企业网络安全解决案例分析 谷安天下 信息安全意识 营销型网站优化 我们国家网络安全吗 天津高端网站建设 全面的网站建设 微机室网络安全管理 电子产品商务网站模板 余额宝营销 网络安全技术包括什么 病毒营销的定义与特点是什么 网络安全态势感知 外文 网络与信息安全监控记录表网络营销理解 网络安全协议是为保护网络和信息 微信群营销的推广方式 网络营销实战课程下载 关于公司的网站设计 免费设立网站 网络信息安全公告