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
6p营销案例互联网 网站建设手机实体营销新策略网站建设成都怎么建com的网站张新 网络安全管理局外国外卖营销中国网络信息安全联盟网站营销师合肥网站建设公共信息网络安全举报网站曾经统治所有大陆的巨龙帝国已经走向没落,在这个巨龙陨落的时代,旧秩序走向崩溃,新的秩序尚未形成,在一片混沌的世界之中正发生着各种各样的故事。 如果说一篇好的序可以为文章增添色彩,那么——以诗歌为最!我要说:“如果一个人一生要是有一个美好的开始,那么也不能足矣证明他(她)能拥有一生一世的光彩! 生命是一个回归自然的过程,风雨兼程普世的悲欢与离歌,九天奇境真似幻,悠悠岁月惹尘埃。似真、似假、似戏、似梦、似幻境……真真假假、假假真真,几人能分清?只为无愧于心,我们曾经来过…… 运筹帷幄凌云志,江湖笑傲我当先!沧海横流……我心本善!云为墨、风为笔,千般情愫写长空,不负凌云志!柳作眉、花作装,万种风情绘早春,怎抵阳光心?没有了梦季的幻想,没有了雨季的泥泞,我们永远都是十六岁的花季……企鹅号:454411430异界大陆暗流涌动,九大城相互讨伐,争夺霸权,黑暗组织蠢蠢欲动,大陆已经不和平,人民的生活渐入水生火热之中,因为一系列事件,让默齐凌踏上了一条荆棘之路的路......他喝了一大口酒,眼睛看着那些画板,有的是女孩坐在草地上,有的是女孩坐吃苹果,有的是女孩做鬼脸,有的是女孩钻在桌子底下,有的是女孩在海边沙滩上走,有的是女孩在看书,有的是女孩在堆石头,有的是女孩在吹肥皂泡,有的是女孩在海边堆沙堡。 到处都是同一个女孩的头像,到处都是他无处不在的思念,和他曾经毫不吝啬的青春。她用眼睛一张一张的端详起这些画作,每一幅画作虽然很唯美,却都散发出悲伤的气息,仿佛充满了痛苦而挣扎的记忆,她轻轻地问,你为什么你不去找她? 他的眼睛里闪过一丝痛楚,我的世界在这里,离开了我的画室我就不再是我自己了。 她问,既然你这么想念她,难道不能将你的画室带到有她在的地方吗? 他的表情显得忧伤而决绝,我必须远离喧嚣,有如一座寂静的庙宇,我需要用有限的生命去创造永恒。 他问,你呢,为什么来到这里,为什么那么伤心。 她本来不是一个喜欢说话的人,也不喜欢轻易坦露自己的心事。但是这次她说,我总是这样。 五百年宇宙爆发了一股庞大的特殊能量,将世界各处不同一地点,不同时间的人聚集到了一处空间,在这里它被人们称之为极度领域,有一个名卫的组织隶属于七星主神的麾下,守卫极度领域的秩序。 直到五百年后的今天,宋萧的出现彻底改变了该空间的运行轨迹。王朝的覆灭,流于乱世的权贵,一柄赤霄、一柄黑夜,一壶烈酒,走过山川异域,看过云卷云舒,品过人生百味,方知年少追寻之江湖,不过老来葬身之庙堂,江湖风雨,庙堂私语,终究比不过那江湖沙场,庙堂知己啊!风声、雨声、读书声、终究比不过那沙场的马蹄声啊!功名、烟火、财富,终究比不过那江湖之风流啊!江湖儿郎江湖死,庙堂书生庙堂语。赤霄、黑夜,一刀一剑,便将这江湖捅个底朝天,将这庙堂搅个天翻地覆;且看,司马枫与纳兰明轩快意平江湖;共同入庙堂;携手赴沙场……随师父山上十六年,练就一身无双武功,下山应武举三元及第,又与公主喜结良缘,看似人生已达巅峰,但其实,随着一切的一切浮出水面,真正的挑战,才刚刚开始…… 且看墨尘如何收失地,平叛乱,攻异族,战魔神……这个世界有儒,有道,有魔,有鬼,有佛…… 儒道分六脉,曰礼乐射御书数。 礼,学天地之礼法,参不朽之法则,一行定万古。 乐,听五音十二律,奏传世之妙音,一曲动星辰。 射,举长矢射天狼,杀冒犯天威者,一箭破寰宇。 御,修一口浩然气,御令天地鬼神,一语定乾坤。 书,写惊世之文墨,绘四海之丹青,一笔镇山河。 数,算天地之玄妙,衍众生之棋局,一子败苍穹。大一新生徐庶有一天得到了外星文明的系统,从此走上了不一样的人生。 高能电池、家务机器人、智脑助手、智能工厂、反重力穿梭机、星际飞船、核聚变等各种黑科技在徐庶手上层出不穷。 地球上的科技文明等级一次次不断地突破,向着星空进军,未知的宇宙海正等着人类去探索,也等着您去发掘... 教皇国1760年兰都王立魔法学院院长多夫多预言------昔日死国将重现人间。 同年冬天,一种诡异的丧尸袭击了兰都王立魔法学院。一片混乱中,一群自称【旧人类】的亚人生物宣告将亲手毁灭教皇国的一切。 末日即将来临,奈尔对夏娅说 ”不用担心,不管怎样我都会保护你。“
建国外网站 网络信息安全实例 推广营销宣传方案 手机网络安全资料 推广及建设网站 手机实体营销新策略 网络安全 图标 刮奖网站 公司信息安全组织架构 网络安全报告 事业不顺的职场瓶颈如何突破?【www.richdady.cn】 干扰咨询【www.richdady.cn】 忧郁症【www.richdady.cn】 如何克服升迁障碍?【www.richdady.cn】 莫名其妙感伤咨询【www.richdady.cn】 感情纠纷的情感和解咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 外灵干扰的心理调适【www.richdady.cn】√转ihbwel 心慌胸闷头晕的案例分享咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 缺心眼的表现及成因【www.richdady.cn】√转ihbwel 感情纠纷的情感调解咨询【σσЗ8З55О88О√转ihbwel 家庭关系的咨询技巧【微:qq383550880 】√转ihbwel 前世缘份的前世解析【微:qq383550880 】√转ihbwel 事业不顺的职场突破技巧有哪些?【σσЗ8З55О88О√转ihbwel 前世今生的缘分如何解读?咨询【企鹅383550880】√转ihbwel 孩子学习不好的咨询技巧【企鹅383550880】√转ihbwel 孩子学习不好的心理调适【微:qq383550880 】√转ihbwel 与老公前世的前世缘分咨询【微:qq383550880 】√转ihbwel 暗恋的自我提升【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 解梦的前世因果【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心特别累的前世因果【微:qq383550880 】√转ihbwel 网络信息安全实例 苏州网站推 长沙建网站 网络营销组织形式有哪些特点是什么意思 信息安全防范的基本方法 银川建立网站 清华信息安全实验室 烟台软件优化网站建设 免费建网站的网站 网络营销新方式有哪些 网站开发技术方案 重庆网站推 2015网络安全事件 网络与信息安全监控记录表 济南外贸网站建设 网络营销活动有哪些方面 网站更新后为什么不显示 策略营销 上海搜索引擎营销 网站更新后为什么不显示 6p营销案例 青岛城阳网站建设 网络营销十大问题 网络安全看年龄吗 深圳信息安全大学 中国网络信息安全联盟 广东信息安全测评,-1 便宜的网站设计 广州网站开发 刮奖网站 深圳网站建设公司平台 重庆营销网站建设公司排名 网络安全的书 shark 网站触屏版 中国网络安全排名大学 龙华网网站 天猫网络营销手段 南京微信营销费用 信息安全外部威胁 4c营销理论的沟通策略 东营设计网站建设 营销型高端网站建设价格 信息安全产品软件厂商 整合营销传播是什么 网络营销活动有哪些方面 网络安全的原因分析 建立网站的步骤 网络管理和网络安全 网络安全 新闻 信息安全小组,-1 网络营销组织形式有哪些特点是什么意思 网络信息安全实例 网站建设需要具备哪些知识 湖南网站推广 国家信息安全二级等保 网站 模板 网络营销新方式有哪些 计算机信息安全标准 深圳信息安全大学 网络广告营销的优缺点 学习网络营销 手机网络安全资料 网络安全报告 企业网络安全风险评估 济南外贸网站建设 世界网络安全500强交友网站建设 青岛城阳网站建设 信息网络安全员证书 深圳微信营销公司 h网站模板 为什么百度要网络营销 青岛个人网站制作 网络营销组织形式有哪些特点是什么意思 电信网络信息安全 手机实体营销新策略 潍坊网站建设多少钱 宁夏制作网站公司 广东信息安全测评,-1 网络营销文案事例 信息安全逆向 网络营销产品策略 营销型网站设计工资 刮奖网站 企业b2c网络营销战略 4c营销理论的沟通策略 广州网站开发 邢台移动网站建设 免费网络安全培训课程 潍坊网站建设多少钱 外国外卖营销 外贸网站模 汽车网络安全 企业网络安全解决案例分析 网络营销新方式有哪些 武汉网站建设 网站制作呼和浩特 h网站模板 企业网络安全解决案例分析 中国网络信息安全联盟 建立网站的步骤 建国外网站 中国网络信息安全联盟 网站营销师 整合营销闭环 网络安全看年龄吗 个人网站备案 企业网络安全风险评估 活动营销网 是企业信息安全的核心 长春市网站推广 合肥网站建设公共信息网络安全举报网站 校园 网络安全 龙华网网站 信息安全在线教育 互联网 网站建设 青岛模板化网站 青岛个人网站制作 网站更新后为什么不显示 微博话题营销方案 媒体营销专业的好处 活动营销网 杭州的网络安全公司 信息安全渗透培训,-1 柳州网站建设 网站组成 网络与信息安全监控记录表 呼和浩特做网站的公司有哪些 信息安全产品软件厂商 清华信息安全实验室 网站组成 深圳网站建设公司平台 网络营销产品策略 网络安全 调查报告 深圳网站建设公司平台 网站设计公司 长沙