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
国家网络安全学院信息安全运维实用技术网络安全使用规范上海市信息安全测评认证中心2016信息安全大赛 一等奖常用网络安全工具软件太原网站建设优化网络安全主要解决问题北京网站建设公司邮件营销的优设计网站多少钱少年李苏牧,自北地持剑而出。 为寻身世之谜,一人一剑,乱北荒,踏北洲,横渡冥海;闯东洲,撼东荒,决战天幕山。 术创世,术者,万物之本源也。创者,万物之载源也,世非术创,而为术与创。术创化一,术创化二。术之天地,创之时空。何为术创?探索,从第一篇起,末日,一。 一股叫术的能量横空出世,引发了一场末日危机,是灾难,还是新生。神秘学校的背台究竟是谁,这一切究竟是有人策划,还是一起起的意外,又或者说这就是命?北宋靖康前后,风云变幻,先起江南民变,后遭金寇入侵。皇室蒙难,百姓涂炭。热血男儿,奋起抗争;红颜女子,痴情不变。恩怨情仇,一笑而泯。  弑荒年间,这是人族最为黑暗的年代,万族并立,人族最为弱小,不是为奴,便是成为其他种族的食物。   千源星   林叶所建立的灵槐门派刚登顶世界,剿灭恶人,却发现自己居然穿越了!   面对陌生的世界,原以为自己孤苦伶仃,却发现同样穿越过来的居然不止自己一个?出门在外,谨记必带一本《古真经》因为你不知,真(白发女鬼——新疆语)会在哪里,也许会在你的身边。系唐末国之动荡,蛮夷四起、奸臣当道。军中小将秦少游为尽忠报国,奋勇征战平叛。奈何朝中尔虞我诈,牵连至江湖也纷争不断。在内忧外患的境地,秦少游艰难前行… “国将不国、家亦破散,我何为思于别处?”… “鸢儿不怕,即便是粉身碎骨、也是我的决定!”… “与我长剑、牵我战马,今日死战不退!”… “不是非要置尔等于死地,要怪就怪这天不由你!”… 人世间情情爱爱、是是非非,都不如怀中一坛女儿红,一盏饮尽、何不快哉?沉沉浮浮的一世到头来还不是人死灯灭,化作一捧尘土罢了。就让这一世轰轰烈烈一场吧! 一剑身挎量江湖,一壶佳酿饮人间。 二目视下皆屠辈,二指拈来花月容。 三生不及比来世,三笑大呼遇悲哉! 四面围独无绣隙,四四两两扮酒银。 (小结:本故事纯属虚构,内容有真有假,并非延于历史、不必纠结。看书读故事,可以看不同的人生,烦请各位看官品鉴!谢谢~) 古往今来,世间流传仙、神的传说,而时至今日,仙路缈缈,已然进入末法时代。 天空中,有人矗立,乌云压顶、身处雷电中心;海面上,有人漫步而来,由远及近,片刻却又消失不见,这些是海市蜃楼产生的幻觉? 有传言,海市蜃楼是连接另一时空的桥梁,聚现另一个世界正在发生的景象! 神话故事是否虚构,仙、神,真的存在过吗?讲述一个年轻人何晓娟重生回到高中的故事。事有不平、以枪破之!理有不公、以枪破之! 种田文,却也种的热血沸腾激情澎湃! 这是个不忘初心顺心而活的小武者! 这是个没有金手指成长路坎坷曲折的大故事!这是一部都市权谋小说,男主为了报仇也为了梦想,带着一帮兄弟激战都市,有实力的对撞,更有计谋的对弈。一步一步走向都市巅峰。
网络安全公网接入 移动营销有哪些特征 石家庄手机建网站 珠海政府网站建设公司 日本网络安全法律法规 网络安全会议流程图 网络安全主要解决问题 信息安全标准与法律... 常用网络营销推广思路 无锡网站推广 前世缘份的缘分揭秘【www.richdady.cn】 灵魂化解的重要性【www.richdady.cn】 不爱读书的改运方法咨询【www.richdady.cn】 前世缘份的续写有哪些方法?咨询【www.richdady.cn】 前世今生的故事解析【www.richdady.cn】 存不住钱的解决方法【www.richdady.cn】√转ihbwel 特殊学校咨询【企鹅383550880】√转ihbwel 财运不佳的财富积累咨询【企鹅383550880】√转ihbwel 公司破产的应对策略威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际关系不好的咨询技巧【www.richdady.cn】√转ihbwel 家庭关系的相处之道咨询【企鹅383550880】√转ihbwel 儿子抑郁症的症状与诊断【微:qq383550880 】√转ihbwel 意外的前世缘分【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 感情纠纷的情感疏导【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的自我提升【www.richdady.cn】√转ihbwel 孩子压力大的原因分析咨询【微:qq383550880 】√转ihbwel 亲子关系的沟通技巧【企鹅383550880】√转ihbwel 家宅磁场的优化技巧咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 脑部不清晰的解决方法【www.richdady.cn】√转ihbwel 前世缘份的前世故事威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 信息安全的组织机构 网络安全宣传周活动项目 东莞市策划营销顾问 c# 网络安全编程 人物营销 微博营销的心得 信息安全市场总监 计算软考网络安全 中国科学技术大学信息安全测评中心 网站导航条代码 网络安全技术与防范 2016信息安全大赛 一等奖 美国网络安全框架 启动 湖南网站推 信息安全 国标 网络安全攻击有哪些 dos攻击 网站数据库制作 常用网络安全工具软件 上海武汉阳网站建设 聊城网站制作 病毒营销的特点是什么 美国网络安全 会议 国家网络安全学院 湖南网站推 信息安全市场总监 泸州网站建设 上海市信息安全测评认证中心 网络安全攻击有哪些 dos攻击 网络安全技术与防范 常用网络安全工具软件 网络安全管理工作方案。 网络安全工作创新 福州金山网站建设 北京搜索引擎营销外包 9. 计算机网络安全措施有哪些 中国网络安全大会 安徽 合肥网站建设公司 网络营销机会分析报告 网络营销师课程 网络安全宣传周活动项目 信息技术与信息安全 域名分为 2017年信息安全报告 网络安全产品备案 网络安全公网接入 成都网站建设哪家好 广州网络安全公司 sem搜索引擎营销案例 网络营销方向学什么不同 中国信息安全监测中心 个人网站推广 如何成为顶级信息安全 网络安全漏洞的定义 邵阳建网站 全网营销系统是真的吗 信息安全检查机构认可 网络安全产品备案 信息安全的组织机构 网络安全主要解决问题 上海网站建设的价格 新的营销新观念 网络安全展会 网络安全与个人安全 移动营销有哪些特征 网络安全漏洞的定义 石家庄手机建网站 企业网站需要响应式 互联网 微信整合营销 正规的网站建设 搜索推广营销职业规划 网络营销方向学什么不同 个人网站推广 两化融合信息安全 工控网络安全企业排名 信息安全工程专业兴趣研究报告 合肥网站建设公司 做网站优化时 链接名称"首页"有必要添加nofollow吗? 网络安全检测评估 9. 计算机网络安全措施有哪些 东莞市策划营销顾问 如何利用搜索引擎开展营销活动 国家信息安全研究 网络安全会议流程图 信息安全标准与法律... 网络安全和信息化 杂志 无锡网站推广 青浦网站建设 电话营销托管莆田网站制作 信息安全应用 小米网络营销应用分析 上海营销 顺义手机网站建设 在线营销型网站建设 9. 计算机网络安全措施有哪些 品牌营销推广 青浦网站建设 潍坊网站推广怎么把网站黑掉 互联网 微信整合营销 网络安全宣传周活动项目 广州信息安全测评中心 学院信息安全工作 网络安全工作创新 福州金山网站建设 中国网络安全大会 安徽 微博营销的心得 国家信息安全举报投诉,-1 信息安全 国标 国家网络安全局郭 武汉商城网站制作公司 上海网络安全博览会 湖南网站设计企业 植入式营销有哪些形式 营销工程师 网络安全方案设计的注意点 2016信息安全大赛 一等奖 网络安全基础ppt 工业互联网网络安全 网络安全最基本技术是 泸州网站建设 中小企业网络安全威胁 成都网站建设哪家好 关系营销缺点 国家信息安全举报投诉,-1 第三届全国高校网络安全知识竞赛 第三届全国高校网络安全知识竞赛 小米网络营销应用分析 上海武汉阳网站建设 信息安全技能要求 信息安全检查机构认可 2017年信息安全报告 日本网络安全法律法规 网络安全改造 云南昆明网站建设 营销推广的含义 网络营销师课程 整合营销公司简介