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
电信行业信息安全东莞网络营销推广模式深圳外贸响应式网站建设网络信息安全 党员网络信息安全 党员公司网络安全青岛微信营销外包营销授课南昌南昌网站建设公司服务器华为网络安全合作公司我叫楚枫。 我穿越了,竟然还成为了一只卡比兽! 正准备躺平,结果觉醒了大卡比兽系统 肚子饿了天降能量方块,嗑着磕着突破了 永久失眠换来了自律就能无限变强。 本来我以为自律就是坚持锻炼健身, 没想到触摸极限后,系统居然要我练武,还要横练! 越练越大只 大只,就是强。 当枯竭的灵气复苏 当远古的神魔苏醒 当大地的生物异变 平凡少年踏上求生之路,逐渐窥探世界的奥秘盘古的分神关誉穿越时空,阻止量子超神机器人诞生,以拯救人类。差之毫厘失之千年,误穿到了十五世纪,与女娲的纠缠者薛紫嫣相爱,改变了历史,导致黑洞死亡,天地巨变将生,人类将提前灭亡。关誉暂避高维世界恢复神力,瞬间度过五百年,借通天宝石感应导航,回到现代都市,成为黄家上门女婿,与薛紫嫣转世之身黄小婰再续前缘……前世表白遭受拒绝的林萧河备受打击 今生又回到表白的那一天 已知结果的他选择慢慢放下开始新的生活 内心多愁伤感的江苏雪与重生过来的林萧河有将面临什么 重生过来的他蝴蝶效应是否会对这个世界有所改变徒儿,为师为你算了一卦,终于找到了你无法晋升的原因,你要修成正果,需得救死护伤,解救众生的疾病之苦,同时还需去游历红尘,经历七七四十九次情劫,得到七位凡间女子的至真至纯的真爱,如此你才能和你们师兄们一样修成正果。鸿钧老祖对着自己的小徒弟说道。 “师傅,你的意思是徒弟我要到凡间经历劫难吗?” “差不多就是这个意思!!”。 “师尊,这凡间可是恶人横行,妖魔遍地,再说了,治病救人到没问题,但是凡间的女子都很物质化,要求别墅豪车,金银财宝才能结婚,哪里还有至真至纯的爱情,徒儿不想去,徒儿就当个小小的仙人,也无所谓!!!”。 “不行,你不要脸,师尊还要脸呢,我的弟子咋能是一个小小的人仙”。 “徒儿去凡间,可以带几个法宝过去防身?” “你这顽徒,对付手无缚鸡之力的凡人,带宝贝去,为师将封印你的记忆和仙力,你就好好的历情劫吧!!!”老祖怒极而笑。 说完,鸿钧老祖,左手撕开一个黑洞,右手一把抓住秦风流,把他扔进了黑洞。 白氏夫妇的离奇死亡引来江湖上二十余年的争斗不休,逃出生天却散落各地的白氏三兄弟,将要如何解开父母被害的谜团,他们到底是江湖上人人钦佩的有德之士,还是人人得以诛之的欺世盗名之徒,迷雾一层又一层,父母,兄弟,爱人,师长,义父,每一个人都有自己的秘密,每一个人都与三兄弟纠葛不清,江湖之大,三兄弟该何去何从…… 废物?……什么是废物……让你们这些头发长见识短的家伙看看,我没有斗气依然能打服你,没有魔法依然能威压你。什么?你说我凭什么?那你先看看我的兄弟朋友,再问问我的士兵,最后看看你口袋里的钱是不是我施舍给你的…… 废物还是天才,世人分说,众生浮云。且看这幻世一生,方显本色年华……女娲造人之时,给予了万物灵性,不管什么生物都有可能有智慧,而所有生物开始发展,并建立各自的体系制度,人类在妖魔的魔爪下生存着,有一天,宠师出现了,这让人类有一丝力量与妖魔斗争……并且得以生存。身处寒舍不自贫,心有亭阁自逍遥。家父亡故,家母病逝,唯遗一屋,一青衣,看苏翎如何乐在其中,自在逍遥。苏铭带着系统来到平行世界,却意外和当红女星沈雨萱有了一夜绯闻。 什么!沈雨萱居然还是苏铭的头号黑粉! 苏铭写小说大火。 沈雨萱:“什么破小说,写得狗屁不通。” 苏铭写歌大火。 沈雨萱:“什么破歌,一点都不好听。” 苏铭导演的电影大火。 沈雨萱:“什么破电影,狗都不看。” …… 夏目瑶:“你这么讨厌苏铭,我可以让他做我男朋友吗?” 沈雨萱:“不行,他是我的!” 苏铭:“……”
旅游网络营销策划方案 中国信息安全奠基人 中国网络安全的发展 肯德基网络营销组合 网络营销自媒体 台州网站设计 解放路 网上营销的品牌网络安全热点 信息技术与信息安全信息安全风险评估,-1 狼客网络营销 信息安全组织架构图 缺心眼咨询【www.richdady.cn】 前世缘份对现世的影响【www.richdady.cn】 性压抑的案例分享咨询【www.richdady.cn】 耳鸣对睡眠的影响【www.richdady.cn】 邪灵的定义与特征【www.richdady.cn】 前世缘份的修行建议【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵干扰对日常生活的影响咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 孩子不爱读书的原因有哪些?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 缺心眼的表现及成因【www.richdady.cn】√转ihbwel 儿子抑郁症的前世因果咨询【www.richdady.cn】√转ihbwel 缺心眼的沟通技巧咨询【www.richdady.cn】√转ihbwel 感情纠纷的前世因果【σσЗ8З55О88О√转ihbwel 与公婆前世的故事分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 纠纷的前世因果咨询【微:qq383550880 】√转ihbwel 感情纠纷的心理调适咨询【微:qq383550880 】√转ihbwel 感情纠纷的情感重建方法有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 提高孩子阅读兴趣的方法咨询【企鹅383550880】√转ihbwel 失业的职业规划【微:qq383550880 】√转ihbwel 精神不振的前世因果【σσЗ8З55О88О√转ihbwel 孩子不爱读书的家长引导方法有哪些?【www.richdady.cn】√转ihbwel 网站制作需要多少钱 网络安全专家评审中小型网站设计公司 制作个人网站 网络营销计划 案例 德宏网站建设 南通旅游网站建设 国家信息安全服务资质一级 旅游网络营销策划方案 全球2014年的计算机网络安全事件 网上营销的品牌网络安全热点 深圳整合营销行业 深圳官方网站制作 中央信息安全 gb/t 20270-2006信息安全技术 网络基础安全技术要求 信息安全调查报告 如何建造自己的网站 深圳专业网站制作费用 网络安全专家评审中小型网站设计公司 制作个人网站 网络营销计划 案例 德宏网站建设 南通旅游网站建设 国家信息安全服务资质一级 旅游网络营销策划方案 全球2014年的计算机网络安全事件 网上营销的品牌网络安全热点 深圳整合营销行业 深圳官方网站制作 中央信息安全 gb/t 20270-2006信息安全技术 网络基础安全技术要求 如何测试网络安全 杭州网站建设公司联系方式 病毒事件营销成功案例 网络安全动态分析包括哪些内容 学校网络安全机构 十大网络安全案件 德宏网站建设 信息安全调查报告 网站建设书 gb/t 20270-2006信息安全技术 网络基础安全技术要求 营销学术语 工控网络安全前景 专业邮件营销 信息安全等级保护从两个不同角度对信息系统提出了安全要求 肯德基网络营销组合 如何建造自己的网站 网络安全编程多吗 模版建网站 陕西网络安全 网络事件营销策划书 设计国外网站 网络营销计划 案例 深圳整合营销战略 网站制作需要多少钱 易尚网络营销公司 企业内部网络营销需求 十大网络安全案件 汉中建网站 信息安全等级保护内容 网站设计和备案 中国信息安全奠基人 网络安全专家评审中小型网站设计公司 南方信息安全测评中心 东莞网站优化 如何建造自己的网站 免费网站空间 网站免费 环境营销 网站设计官网 营销操盘手 环境营销 中国信息安全奠基人 网络整合营销推广公司ccs信息安全认证证书 2017信息安全企业 最新网络安全产品 微信网站设计 国家安全之网络安全 宜昌网站建设 网络安全专家评审 网站制作公司推荐 工控网络安全前景 深圳整合营销行业 台州网站设计 解放路 病毒事件营销成功案例 邢台网站推广 数据信息安全网络主题ppt 微信营销 品牌建设 网络安全动态分析包括哪些内容 推荐广州手机网站定制 如何测试网络安全 企业微信广告营销策划 网络安全检查防护工作 信息技术与信息安全信息安全风险评估,-1 南通旅游网站建设 汉中建网站 网站免费 宜昌网站建设 信息安全等级保护二级标准 南通旅游网站建设 微营销真的假的 网络事件营销策划书 国家信息安全服务资质一级 微营销真的假的 社会化网络营销基础 微商产品怎么营销方案 信息安全原则 网络营销自媒体 win8+网络安全密钥东莞网站优化 学校网络安全机构 网站后台更新 前台不显示 工控网络安全 市场 安全的南昌网站制作 上海小企业网站建设 微信营销 品牌建设 网站设计和备案 信息安全技术有限公司 青岛微信营销外包 网络整合营销推广公司ccs信息安全认证证书 网站信息安全维护 信息安全测评机构 信息安全工作规划,-1 网络安全国家标准大全 网站制作需要多少钱 全球2014年的计算机网络安全事件 网站制作公司合肥 网站制作 文案 网站设计和备案 联想公司网络营销实施 网站后台更新 前台不显示 营销策划网络课程 官方网站建设 沈阳微信营销哪家好 深圳整合营销行业 龙岗高端网站设计专家 沈阳微信营销哪家好