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
建站营销信息安全保障人员认证证书信息安全管理技术javascript实现网站顶部出现几秒后图片缓慢消失的效果网络营销策划案例c2c网络营销市场份额图信息安全防范贴吧广西网信信息安全 招聘,-1cpa营销信息安全的内容是江湖武侠诡异来袭,末日降临。 动植物变异,诡异入侵。 亿万卡牌随处散落,武器卡、职业卡、装备卡、资源卡、图纸卡... 拾取卡牌强大自身,拥有抗衡怪物的实力。 建立庇护所,在夜晚,防止强大的怪物入侵。 罗锋捡起掉落在自己小卖部门口的一张卡牌。 【一星随机卡牌,选择你要获得的奖励】 罗锋发现,其他人的奖励都是随机,只有自己,可以选择卡牌里的奖励内容。 在这个怪物异常强大,卡牌出货概率极低的末世,陆尘金色传说开到手软。 “末世,有手就能生存” ...........燕雀安知鸿鹄之志……我为鸿天死亡也许只是开始 姜清为寻找失踪的父母,来到了这所诡异的博物馆,这里存放着凶案现场的物证,每一件都是一段痛苦的回忆,但也是让这些凶案真相大白的关键。而姜清越是深入越能发觉里面隐藏的秘密……正人君子赵高穿越到玄冥大陆,获得为所欲为系统,八十好感度有概率获得对方十分之一修为,九十好感度可开启为所欲为模式,满百好感度可无忧为所欲为! 别人升级靠修炼,赵高升级靠攻略,万物皆可攻略! 夫人,你也不想被我攻略后为所欲为,无法反抗吧!桀桀桀... ...... 异界门票不是爆史诗的吗?这奶罐、破面具、烤羊腿...是什么意思? 赵高看着每次从异界得到的一推破乱玩意儿陷入沉思。 ...... “三十年河东,三十年河西,莫欺少年...啊~” 赵高:小林,快,把那个喊三十年的给我带过来,别让人打死了。 ...... 大哥你好,我姓韩,在家排第六,你可以叫我小韩... 赵高,猝!...你个老六,我真是服了你了!别让我再碰到你! ...... “我为宗门流过血,我为宗门立过攻...你们不能这么对我...” 赵高:这小白怎么这么胆小?一场浩大的华夏劫难席卷了整个四分五裂的南北大地。 一位英明的皇帝从小在恩师的教导下。 成为了帝王挽救了这一场南北分裂的局面。   这辈子我都不会让你抢走她的。这辈子我要一报还一报。让你尝尝我上辈子受的苦。   汤文一觉醒来。天呐!(⊙o⊙)啥? 保家卫国是我们的职责! 起来!不愿做奴隶的人们!把我们的血肉,筑成我们新的长城!………………有说人生命运已经注定,任凭怎样都无法跳脱这种牢笼。是的,似乎深有体会,仿佛周围的一切早就构成了一张网,只等人生,便牢牢笼住……也像极了老天在圈养研究他的生物,就眼睁睁看着,想要知道你的各种反应…… 如果命运不能改变,如果想要改变命运,无论如何,都要精神起来,和命运、和自己、和老天斗一斗这一生! 禹舜年间,武林争斗四起,两国相争不断,边疆百姓饱受凄苦。禹国地大物博,人口众多,然而文强武弱,边城接连被占,幸好有朝中第一猛将白蟒镇守登州,才使得禹国没有门户大开。舜国,沿海而立,文不太盛,武不太虚,在明君的苦心经营下才使得一方水土安宁。然而,武林第一大帮派静阳山庄跃跃欲试,庄主郭云天野心勃勃,在得到护身神戒后更是登峰造极,一统武林。手下四坛八舵分列太极八卦阵中,能人异士居多,誓要独霸山河。三方鼎足而立,水火不容。 男主七言乞丐出身,偶遇隐身神戒后,日渐封神,期间又与白蟒独女无恙擦出了爱情的火花。隐身传送博弈护身麻痹,会描绘出怎样血雨腥风的画面......这是一个悲伤的故事。   出自于一个悲伤的人遇到了一个家庭。   并随之摧毁这个家庭的故事。   这个原本美好的家庭也旋即变成了无休止的悲伤。   而且这种悲伤还在不断的进行着。   当然故事也因为某首歌的触动,以及自身所知道的一些经历还有感同身受而编写的。   我不知道,我是否悲伤。   因为看淡的我,已经不觉悲伤。   哪怕,我深陷于这种悲伤之中。   也还是要积极的对着周围。   这个故事,我希望是我风格的开始。   抛去以往,静待它绽放。   其次,承蒙关照。   
福州网站制作 营销优势和劣势分析法 国家信息安全相关政策,-1 网站制作样板 见网站建设客户技巧 番禺网站 网络安全审查委员会 淄博国家信息安全中心 2004年国家信息安全专项 网站建设总结 心特别累的前世因果【www.richdady.cn】 升迁障碍的原因有哪些?咨询【www.richdady.cn】 前世今生的故事有哪些经典案例?【www.richdady.cn】 心特别累的咨询技巧咨询【www.richdady.cn】 脑部不清晰【www.richdady.cn】 儿子不读书的教育建议咨询【www.richdady.cn】√转ihbwel 失业的职业规划威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 冤亲债主干扰对生活有何影响?咨询【微:qq383550880 】√转ihbwel 前世缘份如何影响人际关系?【微:qq383550880 】√转ihbwel 解梦的前世影响【微:qq383550880 】√转ihbwel 自闭症的心理调适【微:qq383550880 】√转ihbwel 意外事故的主要原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的影响分析咨询【微:qq383550880 】√转ihbwel 升迁障碍的咨询技巧【www.richdady.cn】√转ihbwel 婴灵对家庭有哪些影响?【www.richdady.cn】√转ihbwel 婴灵的真实案例有哪些?【σσЗ8З55О88О√转ihbwel 什么原因意外的前世因果威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的解决方法咨询【σσЗ8З55О88О√转ihbwel 与女友前世的前世案例咨询【σσЗ8З55О88О√转ihbwel 无形干扰的心理调适咨询【www.richdady.cn】√转ihbwel 网络信息安全课件 网络安全法公安部 五金 网络 推广 营销 网络营销策划案例 广西网信信息安全 招聘,-1 2015网络安全 网站模板怎么用 苏宁 营销模式 网站曝光率 局域网网络安全解决方案网络营销手机软件 无锡微信网站定制 网络安全产品介绍 京东商城的整合营销 见网站建设客户技巧 网站加黑链 c2c网络营销市场份额图 营销主要是营销什么 淄博国家信息安全中心 网络安全周简介 中企动力制作的网站后台 搜索引擎营销 关键词 运营商网络安全方案 2015网络安全 营销主要是营销什么 信息安全保障人员认证证书 google 提高网站上的网页在搜索结果中显示的次数 见网站建设客户技巧 成都信息安全类公司 javascript实现网站顶部出现几秒后图片缓慢消失的效果 soc 信息安全 网络安全法公安部 无锡微信网站定制 借势营销案例范文 定制网站案例 国际营销法 网络安全产品介绍 isp认证 网络信息安全证书 网站建设总结 网站加黑链 惠州外贸网站建设 网络安全的第一道防线是 广西网信信息安全 招聘,-1 上海做网站的公 网络安全简短专用术语 深圳专业网站制作费用 一般设计网站页面用什么软件 国家网络安全相关规定 合肥做网站 线上营销 信息安全管理技术 网络安全简短专用术语 2004年国家信息安全专项 智能手机网络安全 镇江网站seo 大型的网络整合营销 定制网站案例 计算机安信息安全比赛 企业网络营销活动方案 台州网站设计国家信息安全最新政策 网站定制与模板开发 制作个人网站 营销培训 网络安全概述ppt 衡水做网站找谁 深圳大型网络营销公司 见网站建设客户技巧 运营商网络安全方案 航空网站建设 北京网站建设第一 江苏网络营销推广报价 东莞网站制作 网络安全师证书 营销效果 上海做网站的公 营销推广方 娃哈哈的网络营销 网络安全与信息安全的区别 京东商城的整合营销 新媒体营销实训 网络营销工具分类 中企动力制作的网站后台 网站模板怎么用 娃哈哈的网络营销 网站空间 网络营销软文案例 深圳专业网站制作费用 常州低价网站建设公司 网络营销之 网络安全的书籍推荐 网站主机500m数据库至少要多大的呢?200可以吗? 传统营销的营销渠道 虹口做网站 网络安全周简介 重庆做网站 北京职业学校 网络营销 富锦网站 网站没更新 临朐做网站 网站制作价 外贸网络营销教材 互联网营销 步骤 网站开发设计服务器 网络安全 衡水做网站找谁 海尔网络营销案例分析 淄博国家信息安全中心 营销推广方 信息网络安全 考试 官方网站建设 深圳做企业网站的公司推荐 2016中国网络安全事件 信息安全防范贴吧 番禺网站 苏宁 营销模式 国家网络信息安全中心主任 网站模板怎么用 成都信息安全类公司 营销主要是营销什么 联通网络安全 2016网络安全(中国)论坛 常见网络安全漏洞 信息安全保障人员认证证书 网络营销的作用认识 信息安全竞赛官方网站 网络安全预警监测软件 google 提高网站上的网页在搜索结果中显示的次数 网络安全概述ppt 营销培训 线上营销 c2c网络营销市场份额图 计算机安信息安全比赛 网络安全电影网站 国际营销法 成都信息安全类公司 计算机网络安全现状及防范技术探讨 富锦网站