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
地推营销技巧培训深圳做网站衡水网站设计怎么做营销的内容上海网站络公司网络计算与信息安全提供做网站企业现实生活中有哪些信息安全问题信息安全政策上海手机网站建设电话信息安全总监 深圳 100 2004年夏,出生在北方某省农村的帅气小伙墨方,在高三、高四复习多年后,终考上南方一所重点大学,父母热泪盈眶,携手跪谢老家祖坟上那两棵茁壮大葱,他也第一次踏上火车,开始了遥远求学之路,等待他的将是那悠闲得要死的校园生活和内心无比渴望的爱情,还有毕业后那精彩曲折的诗和远方………平凡少年如何在异世翻起惊涛骇浪?如何从一个普通的老实人成为一个至高无上的强者?强者之路,注定逆天而行! 世事不寻常,命恐一朝丧! 即命由天定?? 倘若不为,命仍定? 呵!不可能的!那就证明天只是更强的“人”而已! 那我为何不能取——而——代——之!! 在兵荒马乱的战国时代,人们过着胆战心惊的生活。于姑苏城外几里,杨氏族人根植于此,躲避战乱。杨远之是在战乱之中成长起来的孩子,对于收复故土,安定和平有着远大抱负。既已加冠之时,其父给予传家宝——杨家剑,助七收复故土,安定河山。杨远之不负众望,驰骋沙场,终于收复故土。然天有不测风云,人有旦夕祸福,亲人们一个个离远之而去,他痛恨生命得脆弱以及自己得无能为力,于是遁入空门,从此姑苏城外只有一个故事,只剩一个传说。自家破,遇恩师、交良友,人生多不易,卧薪尝胆走江湖。人生多艰难,不过终是热血少年,起于乞丐,经艰险、遭磨难,玉汝于成,本就是英雄少年。虽出身白丁,但可与鸿儒比肩; 虽家境贫寒,但举手可赚钱万贯; 虽手无缚鸡之力,但弹指万军灰飞烟灭; 我虽布衣,可做公卿。纪元年前,界域被短暂入侵,修行界惨遭屠戮;妖兽趁机肆虐,人族艰难求生; 占修行界半壁江山的器修,断了道统,灵修也止步于合虚境;往后两万年间,界域灵元动荡加剧,妖兽却愈发强大; 作为尘世中的一名迷途青年,张继热爱器修,虽道法不及灵修,剑术也赶不上剑修,但作为后备力量的器修士,时不时会爆出冷门。。。一场“意外”车祸,苏鸿穿越到一个跟地球很像的平行世界。 惊喜发现这个平行世界的娱乐圈至少落后地球十年。 苏鸿顿时感觉整个人生就此开挂了。 当口水歌泛滥的时候,苏鸿开始引领国风歌曲的潮流。 当言情剧霸屏的时候,苏鸿开创了武侠大时代。 当好莱坞电影称霸的时候,苏鸿让国人看到了国产电影的希望。 还有综艺节目、直播和短视频等等,苏鸿亲自缔造一个个璀璨奇迹。 如果娱乐圈有教父的话,那么只能是苏鸿!这是一本来自末日的旅行手札。 撕裂的天空、不详的辐射云、阳光已经彻底消失。这便是毁灭日之后的大地。 但在这末世之中,却有一对仿佛父女般的青年男子和小女孩匆匆赶路。 他们从何处来?又去向何方?他们苦苦寻觅的究竟是何物? 这一切无人可知。唯一能够确认的,只有他们穿行于弥漫于世的灾难,继续无尽的的旅程…… ※黑暗风末日小说,每两天更新一次,欢迎收藏※ 有没有想过三国时代最根源是从哪里来? 天下大势? 合久必分? 有没有想过是汉末第一导演袁绍谋篇布局了非常精妙的189年东汉皇权大崩塌...一朝穿越成为有钱人家的纨绔少爷,本想着就这样当一辈子纨绔子弟,奈何实力不允许啊... 于是,斗反派,除奸佞,平天下,看着自己彪悍的战绩,萧子澄很无奈: “我明明只想当个败家子来着....”
中国信息安全研究 北京信息安全网 企业营销信息平台构建 主流网站风格 网络安全规范 做动效网站 网络营销宣传方案 营销团队对旗图片 网站密度 信息安全分保内容 暗恋的情感表达【www.richdady.cn】 头脑混沌的前世记忆咨询【www.richdady.cn】 忧郁症的环境影响咨询【www.richdady.cn】 如何知道自己是否有前世缘份?咨询【www.richdady.cn】 莫名其妙感伤的前世记忆【www.richdady.cn】 失业的案例分享【www.richdady.cn】√转ihbwel 为什么过世的前世故事【微:qq383550880 】√转ihbwel 外灵干扰的自我提升咨询【σσЗ8З55О88О√转ihbwel 大龄剩女的社交技巧咨询【微:qq383550880 】√转ihbwel 莫名其妙感伤威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 纠纷的法律咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 孩子厌学的咨询技巧咨询【企鹅383550880】√转ihbwel 前世今生的轮回存在吗?咨询【www.richdady.cn】√转ihbwel 事业不顺的职场心态咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婚姻生活不顺的解决方法咨询【σσЗ8З55О88О√转ihbwel 婚姻生活不顺咨询【企鹅383550880】√转ihbwel 官司的心理调适咨询【www.richdady.cn】√转ihbwel 阴间生活的前世故事【企鹅383550880】√转ihbwel 无形干扰的原因分析【企鹅383550880】√转ihbwel 邪灵的防范方法【微:qq383550880 】√转ihbwel 营销扣扣软件 3g网站制作 人们常说的网络安全一般包括网络安全的目标cia 网站icp备案 网络信息安全教学实验,-1 企业营销信息平台构建 营销团队对旗图片 手表网站模板 手机版网站设计风格 个人网站怎么建立 网络安全的监督管理 园区网站建设 国家信息安全认证 传统市场营销包括哪些内容 网站设计侵权 网络安全专家:计算机网络安全 网络计算与信息安全 长春微营销 俄罗斯 信息安全 2016 上市公司网站设计 英雄联盟网站设计 淘宝营销知识 信息安全合规性检查 手机介绍网站 莱山网站建设 图书微博营销案例分析 营销教科书 图书微博营销案例分析 网络营销与营销的区别和联系 东莞 企业 网站制作 网络营销宣传方案 云营销系统 营销网络学校 营销团队对旗图片 网络计算与信息安全 外贸营销公司 西安网络技术有限公司网站 邮件营销推广案例 企业网站维护 人们常说的网络安全一般包括网络安全的目标cia 德惠网站 建立网站的作用 长安网站建设 桂林网站建设哪家好 计算机安全与信息安全 信息安全政策 网络营销的基本形式 网络公司给我们做的网站但是我们不知道域名是否属于我们信息安全评测师职责 汽车软文营销成功案例 山西做网站的企业 信息安全协会 营销扣扣软件 地推营销技巧培训 z专科学网络营销怎么样 莱西做网站 传统市场营销包括哪些内容 信息安全等级定义 功能类网站 网络安全标记和标签 网络安全宣传活动 网络公司给我们做的网站但是我们不知道域名是否属于我们信息安全评测师职责 最大的网络营销公司 网站优化哪里好 网站制作北京 公司信息安全建议 英雄联盟网站设计 在网络安全体系构成要素中响应指的是什么 企业营销职能案例 建立网站的作用 教学营销 北大 信息安全 专业 重庆王网站制作 手机版网站设计风格 网络信息安全教学实验,-1 网络营销案例工具 莱西做网站 大良网站建设基本流程 昌平网络营销培训班 衡水网站设计怎么做 高中生学网络营销 等保 分保 信息安全工程师 资质 深圳企业建网站公司 网络安全 审计 个人网站怎么建立 中国信息安全研究 2014 个人信息安全 国内网站制作欣赏 信息安全竞赛官网 提供做网站企业 张家港早晨网站制作 高中生学网络营销 营销的内容 顺德精品网站建设 网络安全和国家安全 制作网站软件 企业网络安全措施 关于卫龙的PPT网络营销 信息安全等级保护的原则,-1 俄罗斯 信息安全 2016 上海网站络公司 网站信息安全管理办法 全网营销四大系统 3g网站制作 关于网络营销的论文 信息安全政策 福州品牌营销策划有限公司网络安全从业者 网络安全规范 国内网站制作欣赏 什么是网络安全. 德惠网站 网络营销与营销的区别和联系 北京附近做网站的公司 重庆网站优化公司 在线教育营销策划方案 建立企业网站 信息安全 框架 营销观点 台湾 多层次网络营销 营销网站优点 唯品会口碑营销方案 北京建设网站的公司 银行信息安全案列,-1 深圳专业网站制作公司排名 网络安全 审计 email 营销 互联网信息安全两解决方案 上市公司网站设计 信息安全入门书籍推荐 国家信息安全作文论文 营销团队对旗图片 菏泽网站制作 潍坊网站优化 深圳外贸整合营销 莱山网站建设 等保 分保 信息安全工程师 资质