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
营销型网站成功案例网络营销11商丘专业做网站东莞专业网站制作设计网络口碑营销成功案例It信息安全心得西安专业网站建设服务1. 什么是网络营销3 博客营销有什么价值网站意义一代荣耀战神青面修罗,杨枭,执行绝密任务遭遇反杀,隐忍三年之后蛟龙出海,我的恩人,我可以千百倍的报答,我的仇人,你将承受我的怒火,这一生,仗剑走天涯,唯我独尊!都说庶子与家产无缘,但林弘却不这么认为,看上的东西,不给就抢,才是王道……无数人同时穿越到末世求生游戏。 洪水,地震,寒潮,辐射,酸雨,无数天灾接踵而至。 要想活下去,必须不断建造升级避难所。 就在这时,林天发现自己的系统与别人竟然不一样。 他的系统竟能无限升级! 【?木门→石门→铁门→......】 【木镐→铁镐→振金镐→......】 【自然能发电机→化学能发电机→核能发电机→........】 当所有人都在疲于应付天灾之时。 林天的避难所已满是神装,横行无阻! “咱们还在住火柴盒,人家林天大佬竟然都住上别墅了!” “林天大佬的避难所看着好有安全感。” “好想去林天大神的避难所朝圣!”一介凡人妄图与天争个高低,实在是可笑至极,待看这天如何折磨这一介凡人。 我欲红颜斗万法,奈何苍天逆枉情。 【逆苍玄】有声读物已经开始更新,漫画版也在制作当中,敬请期待一部关于神族与神族之间、怪族与人族发生的纷争,男主被一点点的牵扯进来,脱身?还是加入?   李乘风穿越到一个妖魔横行的世界,成为青城山的一个守山人。   奈何他没有灵根无法修炼,只能安安分分做一个普通人。   但是有一天,他的系统突然变异了,从此成了一个令一众妖魔闻风丧胆的得道高人……   这妖怪也太弱了,我都没有出剑呢,怎么就死了。   我养的一条狗,居然是横扫妖界的一方妖王。   我池塘里的乌龟,竟然蜕变成了洪荒神兽。   之前跟我下棋的老头子,最后竟然成仙了。   还有那个最喜欢听他吟诗作对的漂亮姐姐居然修仙界第?仙?。   知道这些真相之后,李乘风开始怀疑人生:   我该不会真成为绝世高手了吧? ※[故事微恐怖,心理承受能力差的读者请勿阅读] 体质和个人习惯原因,我总是经历着常人无法想象的事。漆黑的夜里,你或许没见过“它”,但“它”或许现在就在你的背后,你猛地回头,又四处环顾,映入眼帘的只有一片漆黑,原来是虚惊一场,可又有谁想起抬头看看呢。 本人因文化程度低,或许文笔略差,但我会用最简单易懂的话语记录下我亲身经历亦或是梦境中的恐怖片段。 故事有长有短,虽然记录的是亲身经历,但是我会为文章考虑有所修改,而故事最后所展现的真实度,我也会控制在百分之七十左右。当然,至于哪些是真,哪些是假,就看你们相信哪些又害怕哪些了,因为这世上有些东西就的的确确的存在着,而有些事又只是巧合罢了。女孩臻浅患有严重的被迫害妄想症,遵照医嘱在放学后独自散心。不料,之后目睹男孩“魏砷”杀人现场。在一场惊心动魄的逐命逃亡后回到家中,一觉醒来,陡然发现时间倒转。面对倒转的时间,步步紧逼的凶手,她该何去何从……周元意外的穿越到了全职猎人世界,触发了魔王契约,从此开挂,召唤魔界力量,吊打各路大神,带着主角团开始各种冒险,然后就各种宝藏收入囊中,想存老婆本,然而出来混总是要还的。当宝可梦世界不再美好和和平,一切涌动在那平凡的表面下的黑暗都将被揭露,我们的男主云扉——一位21世纪宅男,又将以怎样的手段改变这一情况呢? 云扉:‘去吧,阿伯怪,使用亚空裂斩!’ 路人:‘纳尼,你这阿伯怪招式不合法。’ 云扉:‘我是阿尔宙斯指定的男人,当然合法。’ 且看云扉在宝可梦世界里如何一步步走上巅峰,又是怎样成为黑白两道的王。
中央企业网络安全网络安全公司招聘信息 网络营销我为自己代言 企业网站建设目标 东莞专业网站制作设计 世界环境日借势营销 模仿网站建设 最好的网络营销软件信息安全协议的机制 1. 什么是网络营销 商丘专业做网站 it产品信息安全认证证书 脑部不清晰的案例分享【www.richdady.cn】 孩子学习不好的家庭教育【www.richdady.cn】 儿子抑郁症的康复训练咨询【www.richdady.cn】 大龄剩女的改运方法【www.richdady.cn】 外灵干扰的自我提升【www.richdady.cn】 前世缘份的前世因果【σσЗ8З55О88О√转ihbwel 前世今生的轮回理论【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主干扰对生活有何影响?咨询【微:qq383550880 】√转ihbwel 发育倒退对孩子心理的影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 迟缓儿的康复训练【σσЗ8З55О88О√转ihbwel 头脑混沌的心理调适咨询【微:qq383550880 】√转ihbwel 学习成绩差的心理调适【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 大龄剩女的自我提升咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 有官司的预防措施【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何克服升迁障碍?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世今生对现世的影响【企鹅383550880】√转ihbwel 化解【www.richdady.cn】√转ihbwel 意外事故的应急处理方法咨询【企鹅383550880】√转ihbwel 亲子关系的改善方法【微:qq383550880 】√转ihbwel 纠纷的预防措施【企鹅383550880】√转ihbwel 营销知识点 金融 信息安全体系建设方案,-1 电脑建网站 网站和网址的区别 乐清网站制作推广 重庆网络营销 优帮云 上海营销型网站制作 网站制作培训 百度 营销策划 做购物网站 南京互联网营销公司排名 人员管理是信息安全工作的核心内容 信息安全 实践 武汉网站优化seo 巴彦淖尔市 网站建设 如何确保网络安全 It信息安全心得 网站制作方案 网站意义 360公司信息安全大会 十大网络营销案件分析 网络安全防护 网络安全产品排名中科新业 南宁制作营销型网站 事件营销缺点 福州外文网站建设 信息安全重大事件2017 福州外文网站建设 营销导向企业网站策划 免费企业网站 我国网络安全漏洞管理 广州做网站信息 网站怎做 网站怎做 It信息安全心得 网站免费建站系统 网络安全公众号 营销到位 闸北区网站制作 网络安全软硬件 网站制作培训 免费网站专业建站 佛山做网站格 西安专业网站建设服务 cisp注册信息安全专业人员 3 博客营销有什么价值 内容营销的现状 企业网站建设目标 精准营销 11张网络安全思维导图 局域网的网络安全 网络营销模式 营销型网站成功案例 精准营销 专业企业网站建设定制 武汉网站优化seo 萍乡网站建设 专业企业网站建设定制 杭州伙伴营销策划 合肥搜索引擎营销 有动效网站 品牌的传统营销 南宁制作营销型网站 高唐企业建网站服务商 天门网站建设 网络营销的四个发展课 网站建设 技术 税务系统信息安全基本要求 巴彦淖尔市 网站建设 页面设计漂亮的网站 东莞php网站开发 郑州微网站 2015年 网络营销4p策略案例分析 乐清网站制作推广 信息安全测评与风险评估 核心机房的安全规划物理安全链路安全网络安全系统安全信息安全 南通网站建设知识 高校网站首页设计 商丘专业做网站 网站建设设计 网络信息安全测评机构 马云营销企业 营销型网站技术特点 做购物网站 中央企业网络安全网络安全公司招聘信息 网络信息安全测评机构 重庆网站 网络信息安全难学吗 网站和后台 重庆网站 概括 病毒营销特点 东莞专业网站制作设计 浙江信息安全等保网 杭州伙伴营销策划 东莞高端品牌网站建设 网络及信息安全综合实验教程 网络安全细则 合肥搜索引擎营销 广州做网站信息 最好的网络营销软件信息安全协议的机制 浦东新区专业网站建设 网络安全建设整改计划 快速设计网站 网络安全定位 崇左网站建设 税务系统信息安全基本要求 网路营销以什么为基础 国家 信息安全 标准 网络及信息安全综合实验教程 政府网站 建站 营销导向企业网站策划 网站与微信 独立网站建设 网海营销 高州做网站 网站多少个关键词 网络营销模式 网络营销速成班 东莞做网站 网络营销应具备的意识 物理安全网络安全应用安全 网站核验单 为什么有些网站搭建的是php其所有网页均已.htm命名 快速设计网站 安徽省信息安全测评中心 厦门百度网站建设 营销型网站模板安徽省信息安全大赛 网络营销包括哪些营销 信息安全服务市场现状分析 上海营销型网站制作 网络安全建设整改计划 独立网站建设 内网信息安全解决方案,-1 事件营销缺点 网络信息安全测评机构