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
网络安全新技术新应用高特效网站营销推广全网整合营销网络安全综合管理平台简约的网站微信品牌营销公司网站案例设计网站酷网络信息安全专业如何自己建网站佛山企业网站建设特色清末,列强纷纷侵入中国,他们在中国领土上横行霸道,任意划分势力范围,中国民族危机日益加深,百姓生活在水深火热之中。伴随列强入侵的西方传教士打着传播福音的旗号,勾结官府,鱼肉百姓,招收了大量不法教民。在其庇护下,教民为非作歹,欺压良善,激起民众的普遍痛恨,民教冲突不断升级,以“扶清灭洋”为口号的义和团悄然兴起。戊戌政变后,保守派得势,他们迷信义和团刀枪不入的神功,欲借其达到排外的目的,在保守派的纵容和推动下,义和团迅速发展壮大,他们毁铁路、拔电杆、烧教堂、杀教民,逐步由山东直隶进入京师。列强大为恐慌,以保卫使馆和传教士为由,组建八国联军攻陷北京,慈禧太后携皇亲国戚仓皇西逃,留下千年古都被洋人蹂躏……大家好,我是清风。 这天我正躺在躺椅上在天台哼着歌喝着酒,感叹长路漫漫,突然看天空一片火海变成红色,我心想:卧槽世界末日啦!街道上路人纷纷拉出手机拍着短视频,因为当时我所在的位置比较高看到了一些不一样的画面。 只见红色的天空中有一艘庞大的幽冥船,船的四周各站一个费德提克手拿着致命之剑,而我的的装13之路也是因为这艘船而开始的,穿越异界成为大反派吊打各路主脚。 我是糖三是这个世界的神你看你资质不错竟是器武魂可愿作我学生。 糖三?我知道你,就是那个搬血境实力的神是吗 又比如身怀异火身上住了个老爷爷的少年 等等~ 在精神病院所有病人中,唯独范同有些不太一样。    领导很快便注意到了这个正在专心致志做手工的患者。   “小伙子,你这是在做什么啊?”   “折纸人。”   “小伙子你为什么要撕这么多纸人?”   “老祖宗正在酆都平叛,我在为他筹备兵马。”穿越到玄幻世界,好不容易加入了圣地宗门觉醒了御灵系统 谁想到攒了几个月家底贷款炼制出来的御灵丹就被圣地的圣女师姐误食了 结果因祸得福,获得隐藏奖励 但是接下来的和灵宠服从性测试任务让白云琦傻眼了 “首先是原地转圈!” “然后是摸头舔手!” “最后是以坐骑形态出击!” ....... “师姐,你也不想你在大庭广众之下做服从性测试吧?” 本以为一次是意外,但一次接一次的被其他美少女吃下御灵丹,白云琦的心态发生了微妙的变化:这是御灵还是御人啊......非常飒的女特战军官退伍后当了一名教师,拯救无可救药的话学生们,还不快来看? 情感将一个学生的追忆用时间镌刻。命运的无情铁手将你们搓圆拍扁,你们可曾不甘白白任其施为?梦中捡到的这册《耐普罗德之书》,便是打开命运枷锁的钥匙。 去异世界吧。虽然这东西还在测试阶段,但请别担心,绝不是什么新人坑杀局,任何人只要订阅了我们的vip礼遇,无论是锻造、铭文、附魔之类的小伎俩,还是法术百科、血统、神术甚至干脆天降猛男,各种神乎其技的能力不在话下。 手头不太宽裕嘛?不要紧,作为好运到可以捡到耐普罗德之书的你,值得我们小小的搏一把。试用一小段时间吧,相信再次见面时,您已经把定金准备好了。 尊敬的林飞扬,这次您的旅程有些特别,作为有着丰富异界冒险经历的体验官,我们可是对您寄予了厚望。 实话说,这个试验场出了一点小问题,它应该,也只应该是一个普通的魔法世界才对。我们需要您顺便帮我们把它夺回来。为此,我们慷慨的特许您使用一些还在测试中的功能。 将《耐普罗德之书》贴在这,然后签名。不然你出不去。 By一位不愿意透露姓氏和性别的崔姓男子为了救人,穿越古代的赵亨义娶了个克夫的丧门星,一同带回家的,还有丧门星那六个拖油瓶妹妹。 什么?一个媳妇六个小姨子养不活?不存在的! 看我带着乡亲们种田打猎搞副业,偷偷发展高科技,昂首阔步新天地! 朝廷腐朽,皇帝昏庸,不给百姓留活路? 那就掀翻这鸟朝廷,杀了那狗皇帝! 草原蛮族年年寇边,岛国强盗肆虐海疆,西方贼人觊觎中原? 来,豺狼虎豹往这看,看看你亨义爷爷手里这杆二十连响的火铳它帅不帅! 陈彬为了完成父母夙愿,考入警校的刑侦专业。 可进入警局实习的前一天晚开始噩梦。 即将发生的凶案细节,全部都会清晰显现于梦中。 跟踪案件,抽丝剥茧,层层拨开,最后竟是一个巨大的阴谋。穿越到鬼怪入侵的世界,获得合成器,可以合成出各种各样的东西。 鬼气吊坠+恶魔之角+鬼牙匕首+鬼灵=修罗 修罗一族老祖:卧槽,同样是修罗,为什么你的修罗可以变身三头六臂啊?这不合理。 千年鬼王:这不是现代社会吗?为什么你可以千里之外一道飞剑把我的属下杀了。 尸王:惹不起我就加入,苏易是我大哥,谁敢动我!! 苏易表示,这并不是末世,而是难得一见的盛世。
网络营销课程实践报告 广撒网营销 营销的特征 企业网站适合做成响应式吗 网络安全断网 上海网站维护 深圳微网站建设 网站策划案 市场营销的定义和特点 容易做的网站 迟缓儿的康复训练咨询【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 人际关系不好的自我提升咨询【σσЗ8З55О88О√转ihbwel 纠纷的自我保护【www.richdady.cn】√转ihbwel 前世今生咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 无形干扰的咨询技巧【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 儿子不读书的教育建议咨询【微:qq383550880 】√转ihbwel 前世缘份的缘分再续咨询【www.richdady.cn】√转ihbwel 婴灵的形成原因咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 长期头脑混沌可能是哪些疾病的前兆【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 公司破产的原因分析【www.richdady.cn】√转ihbwel 去世的母亲的前世案例【www.richdady.cn】√转ihbwel 升迁障碍的原因分析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 自闭症的康复训练咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 关于网站设计的价格 电子科大信息安全学院 口碑营销和网络营销 网站颜色搭配网站 信息安全实验室建设要求 网络安全后立法时代 营销培训证书 简洁大方网站建设 网络安全审计设备品牌 视频营销推广软件 美国网络安全中心主任 响应式公司网站 网络安全新技术新应用 网络安全法 信息安全 pdca 网络安全握手 有效的信息安全控制方法 手机信息安全概述 杭州营销策划 房地产网站制作 市场营销的定义和特点 杭州网络安全研究院 网络安全综合管理平台 网站建设平台 网络安全新技术新应用 网站意义 信息安全 案件,-1 东莞做网站 信息安全测评收费标准 市场营销的定义和特点 线上营销优点缺点 营销型网站框架图 曲阜做网站 响应式公司网站 后台与网站 东莞企业网络营销 毕马威 网络安全法 创建自己的个人网站 网络安全 个人隐私 文章 网络信息安全审计与监控教育部工程技术研究中心 学术委员会 展示型网站解决方案 美国网络安全中心主任 简洁大方网站建设 许昌做网站 网站流 计算机信息安全产品 宝安做网站的 网信部门和有关部门获取的网络安全保护信息 人工智能与网络安全 佛山企业网站建设特色 四川大学信息安全排名 永久免费企业网站申请 东莞做网站 手机的网络安全 信息与网络安全问题 响应式公司网站 个人电子营销平台登录 网络安全技术 国家信息安全等级要求 信息安全是对信息的 第六届全国网络安全等级保护技术大会 网站模板的好处 网络安全握手 浙江网络营销公司排名 营销的特征 网站怎么添加管理员 信息安全 pdca 人工智能与网络安全 网络安全协会文件编号 杭州营销策划 网络营销促销特点 中国国家网络安全中心 制作网站 微信公众号关注营销案例 网站到期了 网络安全后立法时代 浙江网络营销公司排名 营销型企业网站建设教案 网络安全监测云平台 陕西手机网站建设公司 中国网络安全平台 网站排序网络营销什么软件好使 展示型网站解决方案 2013中国网民信息安全状况研究报告 网络安全技术 中国网络安全平台 网络安全管理软件 信息网络安全管控 青岛网站设计报价 网络安全管理软件 提供企业网站建设价格 唐山网站托管 网络安全协会发展问题 杭州网络安全研究院 请公司建网站 2016年 网络安全规划方案 网站意义 整合营销?V告 个人电子营销平台登录 后台与网站 营销推广全网整合营销 曲阜做网站 信息安全和网络安全 南京专业微信营销公司有哪些 网络安全 销售 东莞设计网站 网站中主色调 中国信息安全实验室 营销型网站框架图 萨班斯法案 信息安全,-1 网络安全法 网络信息安全加秘 信息安全等级最高级别网络信息安全峰会 深圳微网站建设 网络安全审计设备品牌 网络信息安全专业如何自己建网站 商城网站建设 信息安全检测定义 佛山企业网站建设特色 国家信息安全等级要求 宝安做网站的 信息安全制度框架 重庆南川网站制作公司推荐 上海信息安全企业排名 网络安全审计设备品牌 人工智能与网络安全 国家安全 网络安全 营销型网站平台 信息与网络安全问题 许昌做网站 酒网站模板 美国网络安全中心主任 潍坊+网站建设 重庆网站布局信息公司 市场营销的定义和特点