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
高大上强企业网站iso27001国际信息安全是如何描述的信息安全等级化保护规范网站建设与推广是什么太原理工大学网络安全信息网络安全控制信息安全的虚拟世界专业的高端企业网站5设计网站网络安全素质“这是一个古代女尊男卑的世界,是一个带着乙女气息的女频后宫爽文,还是一个橘里橘气的百合文,咱们的女主一路扶摇直上,最后和一堆姐妹与小弟被和谐。” 啊对对对,唐泽就穿进了这本女频后宫小说,而且他还没把这本小说看完! 唐泽就看了开头和结尾,从第一章直接跳了几百章,中间的过程他一律不知,只知道里面的女主男女通吃!男女通吃!男女通吃!重要的事说三遍!男女通吃! 而他穿的正是原女主众多后宫中的男宠之一。然后唐泽莫名其妙的有了一个神奇的东西,它叫“剧情君” 唐泽:你为什么不叫系统? 剧情君:剧情君和系统是不一样滴 唐泽:…………求我现在的阴影面积 等等,这剧情不对啊?系统!啊呸,剧情君!你给我圆润的滚出来解释一下,为什么原女主的后宫走向都不对劲? 我不对劲,你也不对劲,大家都不对劲。 直到唐泽走上人生巅峰,望着他偌大的后宫,唐泽恍然大悟 原来他拿的是团宠、男主剧本。只是为什么他的后宫变得和原女主后宫一样了? 高中学霸男生女生的跨界成长之路,小欢喜、小灵异、小感动最终演变一场波澜壮阔的心灵冒险。因一部可修身成神的圣典,全宗被灭。 为报仇雪恨,蓝夜忍辱负重,一路披荆斩棘,历尽九死一生,只为寻得神兽传承。 发小死于眼前,蓝夜怒弑皇族。 为救天下苍生,力抗域外入侵者。 待得天下安定,却发现更严峻的挑战在等着他。。。。。。 地球这方世界真的太小了,像是无边大海中的一粒沙尘,沙尘外又有什么样的世界?什么样的精彩? 地球上一个普普通通的年轻人,年幼时遇到一位神秘人,本以为遇到了传说中的世外高人,哪知其另有目的,来自另外一个世界的他只是需要一个人肉快递,跨越两个世界间的虚空,但意外之下所有努力都为年轻人做了嫁衣,送人又送宝。年轻人大难不死后,经过虚空中的千锤百炼,又得到了可以产生灵气的世界树种子,在各种势力为了灵气厮杀争抢时,年轻人自带灵气源泉,取之不尽用之不竭,注定了要在这新世界里称王称尊,当然还有妻妾成群,原来这样才是修行。 世界发生变化,男主为了活着保护自己的妹妹成为了独一无二的魔(魔王)。 妹妹为了不再是哥哥保护自己,而是自己保护哥哥,觉醒后终有一天成为魔女。 他们为了保护彼此在不断变强的道路上活着旧一代的王者落幕,新的一代就此开始!   代表权力的游戏,从此开始新的转动,而世界的旧尘,做为转动的器械,打开了王国游戏!   凶猛的野兽开始咆哮,权利与金钱的利诱,人们与人性的互相践踏,都将开始!   只有胜者,踏过血河,爬过尸堆,才能走到这一切的根源面前!   在此是一尊王座,一尊煞白的王座,两过苍白的骷髅头扶手,似乎发出了诱人的红光…旧一代的王者落幕,新的一代就此开始!   代表权力的游戏,从此开始新的转动,而世界的旧尘,做为转动的器械,打开了王国游戏!   凶猛的野兽开始咆哮,权利与金钱的利诱,人们与人性的互相践踏,都将开始!   只有胜者,踏过血河,爬过尸堆,才能走到这一切的根源面前!   在此是一尊王座,一尊煞白的王座,两边苍白的骷髅头扶手,似乎发出了诱人的红光…一个持续万余年的计划 只为对抗 第一圣人毁灭世界的阴谋 却不想其他世界的误入 让整个行动造成了无法挽回的偏差 是绝地重生? 还是陷入绝望…… 他拥有令人艳羡的身世,他的的父亲是一国元首,而他的人生际遇却从没有受到过任何优待。 他拥有天生异能,他是传说中十二神石之首--“力量之源”的主人,但是这个异能却总在他需要时失灵。 他资质平平,没有一点武技和魔法的修为,却被上古邪灵看中,成为邪灵寄生体,变成了邪灵的傀儡。 他的梦想只是做一个普通人,但是命运总是跟他开玩笑,让一些不普通的事情跟他扯上关系,让他成为众人的焦点。 一个一心只想成为平凡人的他如何成就了他不平凡的一生,他的一生福兮?祸兮?小伙子因为一场意外来到西游世界。天机混乱,江流儿意外溺水身亡。一切的意外打乱了圣人们的布局,小伙是否能在光怪陆离的西游世界生存下去了?大劫将至应劫之人出现意外,圣人们又将如何应对了?有一天,高中生陆星光在学校宿舍午睡时梦到一位自称“神引者”的老者。老者告诉他世界正在发生前所未有的转变,足以毁灭人类文明的灾难正在涌来,而预言指明陆星光是拯救世界的希望。与此同时,陆星光的身世之谜也随之解开...
网络安全空间试点学院 网上平台营销策划 免费送网站 网站建设常出现的问题 网络营销战略特点是什么 松江营销型网站建设 松江营销型网站建设 中国国家信息安全部门 怎么建设网站 外贸网站响应式 学习成绩差的心理调适咨询【www.richdady.cn】 心特别累的前世记忆【www.richdady.cn】 升迁障碍的心理调适咨询【www.richdady.cn】 解梦咨询【www.richdady.cn】 孩子不爱读书的原因【www.richdady.cn】 解梦的前世因果【企鹅383550880】√转ihbwel 与公婆前世的影响分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 干扰的预防与化解咨询【企鹅383550880】√转ihbwel 4. 财运与事业发展咨询【σσЗ8З55О88О√转ihbwel 莫名其妙感伤的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 感情纠纷的情感咨询【微:qq383550880 】√转ihbwel 前世老公的前世解析【微:qq383550880 】√转ihbwel 官司咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 头脑混沌的环境影响咨询【σσЗ8З55О88О√转ihbwel 耳鸣的解决方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 财运不佳的风水调整方法有哪些?【企鹅383550880】√转ihbwel 人际关系不好的沟通技巧咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子压力大的改运方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 化解祖灵的仪式流程咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵的干扰特征【σσЗ8З55О88О√转ihbwel 邮件营销中国 快速做网站 信息安全风险评估模板 事件营销是口碑营销? 镇江网站优化 服务营销4p理论 青岛建网站 工业信息安全是什么意思 营销号英文 招聘网络安全 网络安全风险评估情况 网站升级改版 网站页面设计 工厂营销推广 手机网站制作机构 经信委 信息安全.,-1 天津网站建设咨询 远程教育信息安全技术答案 重庆网络营销是什么意思 松江营销型网站建设 广州网站建设优化 信息安全咨询 企业 网站升级改版 怎么建设网站 汕头网站优化 网站访客 新网站建设平台 学生对网络营销看法 上海网站设计 信息安全会议 infosec,-1 营销系统的优势 网站建设常出现的问题 网络安全综合治理行动 饥饿营销是事例 营销 襄樊做网站 天津网站建设咨询 网站在哪里建立 合肥全网营销 网络营销 (第5版) 工厂营销推广 科技平台网站建设 网络安全备案步骤 信息安全风险评估模板 网络安全风险评估情况 汕头网站优化 恶意刷网站 搜索引擎营销怎么样 工业信息安全是什么意思 网络安全备案步骤 许可营销 重庆网站设计公司排名信息安全专业最新消息 镇江网站优化 ps做网站 营销系统的优势 免费送网站 优衣库电子邮件营销 以色列 网络安全 近五年网络安全大事件 免费的企业网站 信息安全博士干嘛 手机网站制作机构 网络信息安全 网络间谍 数据 上海网站建站 2017信息安全奖学金,-1 网络安全培训流程 饥饿营销是事例 许可营销 自己建网站的优势天融信网络安全准入系统 政府类网站建设 免费送网站 临沂在线上网站建设 上海网站建站 网络信息安全主动防御 武汉市网站制作 马鞍山网站设计 重庆网络营销是什么意思 中山网站建设 中国的信息安全 深圳南山网站建设 经信委 信息安全.,-1 工业信息安全是什么意思 网站微博营销哪个好用 工控信息安全 责任 网络安全评估指标 网络安全评估指标 横山桥网站 网络安全综合治理行动 广州网站建设优化 怎么建设网站 长沙网站开发 网络营销包含 专业的营销网站 十大网络安全事件 信息安全会议 infosec,-1 信息安全防护体系原则 网络安全结论 深圳南山网站建设 营销网站卖产品方案 重庆网络营销是什么意思 中国信息安全测评中心认证中心 网络信息安全 网络间谍 数据 网络安全研讨会 ps做网站 网络信息安全主动防御 5设计网站 如何改变网站首页栏目 建网站工具 五种网络营销工具 注册信息安全讲师 网上平台营销策划 北京大学网络与信息安全实验室 高大上强企业网站 如何改变网站首页栏目 网络营销公司干嘛的 重庆最新微信营销方案 信息安全的虚拟世界 深圳微信营销神器 十大网络安全事件 发生信息安全紧急事件 济南网站忧化 2017网络安全工具包 学校 信息安全 网站建设常出现的问题 江门网站建设 信息安全风险评估模板 搜索引擎营销怎么样 中山网站建设 脑白金体网络事件营销 网络安全法 网络空间 邢台网站制作公司哪家专业 五种网络营销工具 松江营销型网站建设 陌陌社交营销 自己建网站的优势天融信网络安全准入系统