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
金水郑州网站建设模板网站最大缺点国家网络和信息安全信息通报中心重庆网站公司济南专业做网站网络安全试点示范工作访问京东为网站选择5个核心关键词和30个长尾关键词?营销优势和劣势分析法网络营销的作用认识品牌营销随着怪异的天灾降临,世界各地出现了各种奇怪的现象。浓雾带来了人类的觉醒,动植物的进化,似乎一切都预示着新的纪元即将到来。 “既然一切不合心意,那就,重启这个时代好了。” [无女主+不圣母]开局直接被动使女主疯狂晕倒,好狠的男主,竟不知道怜香惜玉,在主角成为所向披靡,有我无敌,杀遍九天十地的前提前,竞发生了这一样一事香港回归25周年纪念,经典港剧大时代反派丁孝蟹同人文。家庭,事业,爱情,一个男孩成长为男人,一只小螃蟹一步步蜕变为大佬孝。一开始,穿成假太监的李易只想安分苟活着,但后来,看着高贵雍容的皇后,李易心思变了。 “江山你坐着,皇后我替你照顾。” 李易都跟皇帝打好了商量,奈何那把椅子,皇帝就是坐不稳啊! 前有狼,后有虎,奸臣又一堆堆,眼看国不国,家不家的,李易操起了屠刀……这里是黑暗与光明鏖战千年,上古的神明都要为此陨落,其余诸神将神陨之罪视为极大的罪恶,因此赐给这个世界永远都不过结束黑暗。 “无数次,在人世间的焦土上,祈望光明” “神魔无情,还有人在祈祷神明” “天地不仁,大道无光!看看像我这样的凡人,都怎么诛灭神魔” “成神如何,成魔又如何!就由我来击碎千年的黑暗” …… 废墟中,一个脸跟煤球似的少年刚从梦中醒来便和一位老者四目相对。 少年环视了一下四周,哀叹了一口气,少年心想:这次是垃圾场啊~我也真够衰的… 随后少年看向老者,试探道:“嗨?” 老者:“……嗨?” …… 老者两眼发光,对少年道:“孩子啊,我看你资质不错,不如跟我学点手艺?”妖族,那是人族的好朋友,经常贡献妖骨妖皮,嗯,当然是过期的作废的。 魔族,妖族说那是我们跟人族的共同敌人,太不人道了,应该人道毁灭。 精怪,别动,谁都别动,那是能量,懂不懂,能量,都是我的! 这个世界,有人族,有妖族,有魔族,有精怪,人族只是其中最弱小的种族。简介:本该人生平平无为的主角,从一个性格柔弱到脱变成刚毅的成长故事,后来主角从这跌宕起伏的生涯中成就无上荣耀。旧一代的王者落幕,新的一代就此开始!   代表权力的游戏,从此开始新的转动,而世界的旧尘,做为转动的器械,打开了王国游戏!   凶猛的野兽开始咆哮,权利与金钱的利诱,人们与人性的互相践踏,都将开始!   只有胜者,踏过血河,爬过尸堆,才能走到这一切的根源面前!   在此是一尊王座,一尊煞白的王座,两过苍白的骷髅头扶手,似乎发出了诱人的红光…旧一代的王者落幕,新的一代就此开始!   代表权力的游戏,从此开始新的转动,而世界的旧尘,做为转动的器械,打开了王国游戏!   凶猛的野兽开始咆哮,权利与金钱的利诱,人们与人性的互相践踏,都将开始!   只有胜者,踏过血河,爬过尸堆,才能走到这一切的根源面前!   在此是一尊王座,一尊煞白的王座,两边苍白的骷髅头扶手,似乎发出了诱人的红光…开局出生在幽冥血海?还变成了冥河的唯一兄弟? 晓尽天下事的他,怎么可能甘心苟活一世?啊,你说这是巫妖量劫,那没事了! 入量劫?想都别想,这一世就硬苟!稳健人生,苟到天荒地老。 随着稳健的人生展开,天翻地裂的战斗却在洪荒大地上展开。 万物残缺、万道覆灭、世间唯有圣人门徒长存! 而战斗,也波及到了幽冥血海。 那一刻,天地闻之变色,无尽业力涌向洪荒天地,令天外残魂都震动不堪! 陆云景踏步而出,俯瞅诸世。 众人大惊! 竟是……
2015中国网络安全年会 微网站建设包括哪些内容 国家网络安全中心 地址 全网营销的模式有哪些 电商网站前台模块 国外的网络安全网站 hack 金水郑州网站建设 网络安全信息通报机制 深圳网站制作平台 网站虚拟主机空间 缺心眼的自我提升咨询【www.richdady.cn】 亲子关系的互动模式有哪些?【www.richdady.cn】 孩子学习不好的自我提升【www.richdady.cn】 灵魂化解的方法咨询【www.richdady.cn】 意外的前世修行咨询【www.richdady.cn】 投资项目的前世记忆【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 意外的前世记忆【σσЗ8З55О88О√转ihbwel 脑部不清晰的自我提升咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 大龄剩女的真实案例有哪些?咨询【σσЗ8З55О88О√转ihbwel 纠纷的法律咨询【σσЗ8З55О88О√转ihbwel 人际关系不好咨询【微:qq383550880 】√转ihbwel 前世缘份对现世的影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 公司破产的心理调适【企鹅383550880】√转ihbwel 事业不顺的应对策略咨询【微:qq383550880 】√转ihbwel 前世老公的前世修行【微:qq383550880 】√转ihbwel 前世老公的前世影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的案例分享【企鹅383550880】√转ihbwel 性压抑的前世影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 有官司的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与老公前世的前世解析【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 国家网络和信息安全信息通报中心 深圳网站制作公司 网站制作 成功案例 国家网络与信息安全信息通报中心 济南网络营销推广 第一部网络安全立法 淘宝店铺全年营销方案 网络营销软文 网络安全法与网络直播 2016重大网络安全事件 最牛的营销公司 微网站建设包括哪些内容 网站设计公司网站 医药网站建设 信息安全等级保护工作步骤 个人网站建立 网络安全法进展 网络营销发展 品牌营销 同方信息安全 山东省信息网络安全 国外的网络安全网站 hack 网站设计公司网站 做网站实例 古典风网站 开发软件网站建设 全网营销的模式有哪些 金水郑州网站建设 零食网络营销策略 2015信息安全大赛 西安单独培训网络营销 2015中国网络安全年会 济南网络营销推广 重庆营销网站建设 网络安全试点示范工作 国外的网络安全网站 hack 跨境网络营销 网络安全面对的威胁 国家网络与信息安全信息通报中心 易企网站建设 中国网络营销环境研究现状 信息安全管理局 淄博网站制作 访问京东为网站选择5个核心关键词和30个长尾关键词? 网站重购 传统营销的营销渠道 趋势科技网络安全客户端 企业信息安全管理规范 做网站讯息 宽带成功营销案例 事件营销的特点是 2017上海网络安全周 金水郑州网站建设 北京网站建设公司分享网站改版注意事项 微信营销企业案例分析 厦门网站建设的公司 事件营销的成功要素 脑白金广告的营销理念 代发营销 营销策略推广策略 信息安全服务资质咨询 网络安全信息通报机制 模板网站最大缺点 网络安全对抗大赛 网站制作 成功案例 2016重大网络安全事件 网站建设后怎么 做网站讯息 信息安全等级保护工作步骤 网站内容要突出什么原因 唯品会的营销新手入门 广西网络信息安全峰会 网络安全运行维护网络安全的基本目标不包括 做网络营销需要会什么不同 网络安全漏洞评估系统设计与开发 源码 手机网络广告营销策划 网络安全对抗大赛 外贸整合营销方案 中国信息安全检测中心 济南网络营销推广 网络安全试点示范工作 宜昌做网站 唐山网站建设 平安集团网络安全 个人网站建立 网络安全防护手段 服务器网络安全 如何为公司做网站 中国顺德手机网站设计 网络安全小组成员组成 可口可乐网络营销策划 唯品会的营销新手入门 自助做网站 信息安全管理体制 网络安全年检信息表 评测依据的行业标准名称 信息安全与保护条例 达内培训 营销机构SEO 信息安全服务资质咨询 软营销案例 网站管理系统 网络安全官网 #NAME? 网站虚拟主机空间 西安单独培训网络营销 信息安全起源 做网站讯息 网络安全法与网络直播 网站建设后怎么 上海信息安全技术公司 网络营销效果报告 零食网络营销策略 信息安全 全球排名 大连网络安全公司 无线网络安全审计系统 网络安全漏洞 信息安全的基本属性 国家网络安全示范基地 企业网络安全状况 美国网络信息安全 美国大学信息安全深圳网站订制开发 手机网络广告营销策划 海淀手机网站设计公司 山东网站建设推广对信息系统运营 使用单位的信息安全等级保护工作,-1 网站挂载 网站响应式和非响应式 事件营销的成功要素 国家网络与信息安全信息通报中心技术支持单位 营销优势和劣势分析法 网站建设工作 重庆营销网站建设 成都网络营销公司地址 第一部网络安全立法 汕头网站制作 南通网站优化 网络安全试点示范工作