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
卫龙整合营销网络营销主要做什么整合营销?V告整合营销的失败案例网络营销工具及方法有哪些内容网站核验单广东南方信息安全产业基地有限公司常见的信息安全认证有:大数据信息安全安全房地产网络营销吊丝青年穿越唐朝当王爷,开始了诸王争霸战。机智权谋比不过太子李建成,文韬武略敌不过秦王李世民,拚杀玩命完败于齐王李元吉。奈何?唯靠一张利嘴,两把刷子,纵横天下,笑傲江湖。数天下英雄,还看我楚王李智云。 家中出现的倒斗工具,亲人的失踪,带有线索的照片,一切的一切都将吴迷引进了一个巨大的迷局当中。 于是,他通过夹喇嘛的方式入墓寻找更多的线索,谁也没想古墓之中竟有如此之多诡异离奇的事:鬼藤、东夏神尸、化蛟……一段未知星球讯号的发现,彻底改变了苏飞的命运,二十五岁的苏飞被带回八年之前,面对重复的人生,苏飞赫然发现自己的体内竟然存在一个外星智能生物……这一次,他不再平凡!以旁观者的视角,鉴证一届朝堂的兴衰起落,记录一代江湖的恩怨情仇… 青苏入世十五载,回首前尘… 醇酒再烈,难咽不过满腔愤恨。 剑刃再锋,伤人不过浮华人心。 且听且看,满一壶浊酒,领略这庙堂与江湖的起伏波澜!童多宝,具有七窍玲珑心,却从小命运多舛,后得异人指点,修得无上神功,从此游戏人间,【全网超火爆的网络小说】掌劈天宫镇日月,剑斩幽冥踏九霄,世间凡人万万亿,修罗成神我最狂! 本天之骄子,被小人陷害,惨遭家族遗弃。落入凡界后,天赋觉醒,我楚枫,誓要杀回九天之上,夺回属于我的一切! 众生视我如修罗,却不知,我以修罗成武神! (想看修罗武神番外,请关注蜜蜂微信公众号:善良的蜜蜂后援会)一对姐妹一个生而为仙,一个生而为魔,两人被全修仙界追杀,所有人都想要将她们的先天灵气据为己有,在危难之际,她们被迫跳下了陨仙峡,变成两个婴儿落在了一个不知名的山上,被一个人捡到收为了女儿,她们一直以为他只是一个普通人,直到满界魔与仙又一次追杀她们来到这里,他没有逃只是轻轻笑了一声说:“敢打我女儿的主意,看来我已经被世人淡忘了啊!”说罢,一挥手重伤遍天仙魔“打我女儿的主意,天我都给他捅了!”意外穿越来到平行世界。 陈宇绑定了“究极治愈游戏系统。”开启了新的人生。 只不过.... 这治愈游戏好像有些不同。 303公交往事的护士女鬼姐姐来治愈你。 青峰精神病院的慈祥老奶奶来治愈你。 寂静中学的柴刀学妹告诉你沉默是金。 牛角村的小嫂子告诉你要相信唯物主义。 一个个游戏被陈宇发布出来,而他家里的刀片已经堆积如山。 所有玩家都在拼命地寻找着他的住处,纷纷表示想要“友好拜访。” 本是万千普通人中的一员,竟遇古装女子流落小巷,一向宅男的曹烨把女子领进了家里,却不知道女子另有秘密。人死而意念不散,机缘巧合,重新凝聚成出人身。 初生的魅和人类幼儿一样,懵懵无知,甚至有时候直到他们长大成人,也不知晓自己的身份。 夏子言,一个高不成低不就的小文案策划,在两个世界重合时候,灵魂意外穿越到一只魅的身上,开始了自己离谱的修士人生。 不仅他倒霉,他出的再好的主意在阴差阳错下,也会让人倒霉。 更何况,他还是个掌门!
营销型网站如何制作 网络安全产品网上销售 互联网营销教程视频教程 北京微信营销培训班 成都信息安全类公司 信息安全网络安全工作的组织 佛山企业网站建设特色 网站配色方案 对比色 提供企业网站建设价格 网络管控和信息安全,-1 冤亲债主的干扰与化解技巧咨询【www.richdady.cn】 化解【www.richdady.cn】 官司的解决方法咨询【www.richdady.cn】 家庭关系中的矛盾如何解决?【www.richdady.cn】 升迁障碍的职场策略有哪些?【www.richdady.cn】 为什么过世的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 什么原因意外的前世修行咨询【σσЗ8З55О88О√转ihbwel 孩子不爱读书的阅读计划如何制定?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生对现世的影响咨询【www.richdady.cn】√转ihbwel 存不住钱的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生的故事有哪些案例?【微:qq383550880 】√转ihbwel 儿子不读书【σσЗ8З55О88О√转ihbwel 财运不佳的财富规划如何制定?【企鹅383550880】√转ihbwel 忧郁症的预防措施【σσЗ8З55О88О√转ihbwel 存不住钱威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的情感沟通【微:qq383550880 】√转ihbwel 儿童发育倒退的原因【σσЗ8З55О88О√转ihbwel 如何解决孩子不爱读书的问题?【www.richdady.cn】√转ihbwel 家庭关系的改善方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 什么原因意外的前世影响【企鹅383550880】√转ihbwel 移动网络营销平台 网络安全模式下 有限的访问权限 国家信息安全标准规范 内容营销软件 珠海企业网站制作费用 整合营销的失败案例 中央网络安全和信息化领导小组 工信部 房地产网络营销 网络互动营销公司 国家信息安全 检测 互联网营销服务类接单 北京b2c网站制作 网站怎么推广 网站制作前期所需要准备政府网站 欣赏 台州优秀网站设计 企业网站定位 商丘市做网站的公司 信息安全和网络安全 中国网络安全联盟 北京微信营销培训班 信息安全指什么 惠州网站推广 网站怎么推广 事件营销有什么特征 公司网站维护 网站制作学习 潍坊+网站建设 手机网站 建设 信息安全网络安全工作的组织 支付宝全网营销软件破解版 互联网营销服务类接单 互联网营销教育培训 信息化和信息安全评测中心 网络信息安全峰会 常见的信息安全认证有: 网络营销的含义及特点 上海工业网站建设 简述城市信息安全管理的意义 电子商务网络安全 网站设计实例 线上营销优点缺点 瑞星网络安全工程师 信息安全和保护条例,-1 杭州营销策划 冀州建网站 当前的问答营销平台 整合营销的失败案例 网页制作免费网站建设 网络安全合格证好办吗 厦门网站开发建设 青岛网站设计报价 中国计算机网络与信息安全学术会议 网站维护等 大连网站设计公司 网络营销主要做什么 网站设计 广州 网站制作前期所需要准备政府网站 欣赏 美国信息安全 大学 网盘建网站 银川网站建设 金融业银行信息安全 网页制作免费网站建设 网站优化公司 移动网络营销平台 黑白灰网站 信息安全和网络安全 宝安网站设计公司 网站设计实例 网络信息安全峰会 学校网站制作 建设网站的成本 营销的特征 网站核验单 建设网站的成本 盐山网站 做网络营销 网络营销的含义及特点 许可email营销的工具 网络安全审计平台 云营销 信息安全指什么 信息安全理论知识竞赛 中国计算机网络与信息安全学术会议 天门网站建设网络安全组件 简述城市信息安全管理的意义 游戏公关营销案例 关于信息安全的资料 整合网络营销 客户 上海工业网站建设 信息安全 linux,-1 网络营销师做什么的 北京b2c网站制作 建设网站的成本 惠州网站推广 信息安全 相关单位 营销软件图片 信息安全等级保护... 信息安全和保护条例,-1 工业网络安全公司排名 支付宝全网营销软件破解版 网络安全合格证好办吗 信息安全标准wg 网站设计实例 金融业银行信息安全 手机网站 建设 学校信息安全 互联网营销教程视频教程 关于信息安全的资料 建设网站的成本 惠州网站推广 信息安全 相关单位 营销软件图片 冀州建网站 信息安全和保护条例,-1 手机网站建设动态 支付宝全网营销软件破解版 网络安全合格证好办吗 信息安全标准wg 网站设计实例 金融业银行信息安全 手机网站 建设 学校信息安全 互联网营销教程视频教程 关于信息安全的资料 信息安全网络安全工作的组织 什么是网络安全宣传周 网站制作前期所需要准备政府网站 欣赏 设计有关的网站 南京网站建设包括哪些 网络营销主要做什么 游戏公关营销案例 做网站程序 东莞网络营销培训 十种网络营销方法体系 wifi网络安全问题