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网站的标准珠海微信营销广州省建筑信息安全网有免费的营销软件吗网络工程师和网络营销三只松鼠网络营销目标营销技巧世间妖魔鬼怪、魑魅魍魉不及人心阴毒险恶。一场突变,一个锦衣玉食的公子,变成一无所有乞丐,看他如何一步步杀出自己的路,在这个弱肉强食的大都市里打下一片自己的天地。。。。这个星球上,上古最强之族,炎魔一族因修炼一本神级功法《太灭》而没落,由于曾经过于强大,导致曾经在他们之下的人使炎魔后代为奴,千年来一直如此,直到炎魔学院的两名少年显露头角,这是一个大变局时代,由众人谱写,两位少年同当世各方豪强将会展开怎么样的争霸呢?异世重生,命运多舛。 在家族利益中被驱逐,在万族大乱中求生存。 拥有一颗强者之心,老天却总跟他开玩笑,无法修炼灵力。 终以剑入修,走出剑仙之道。羽辰,无意间把自己的名字替换成了小王爷。 他穿越了,变成了自己笔下最“弱鸡”的小王爷。 醒不来就在自己的小说中痛痛快快地快活一把:我要逆天改命。 成为绝世高手,迎娶女神,手握重兵,富可敌国。 我的小说我做主……本书又名《我在三国强行拼团》《三国砍我,我一人砍三国》 刘云穿越到东汉,绑定附身了拼团系统,本想活命发育,偏偏黄巾起义,一个不小心还将刘备给秒杀了,不得已卷入三国时代。 刘云:“开团了,赶紧冲!来呀,砍我呀!这点兵马,砍我都不够,怎么当反派的?” 刘云:“来嘛,切磋切磋,是兄弟,就来砍我,砍一刀,一刀接一刀,完事请你喝酒。” 只见刘云一路横跳,到处强行找人拼团,势力越砍越大。 天子脖子架着刀:“刘云,你再不登基,我就砍自己了。” 上下五千年,穿越北宋、未来世界、春秋战国、五代十国、南北朝、南宋,纵横阴阳两界,遭遇妖、魔、鬼、怪和树精、狼人、人鱼、道仙、仙鹤等或敌或友,历经近百场或大或小或人或魔或远古或未来之战,侠义,历史,战争,魔幻,血腥,勇气,并有相伴左右的亦妖亦精的爱情,令人血脉喷张。侠是一种精神,一种意志,就存在于人的良知中。 一旦唤醒,则能成为无坚不摧的力量,不畏险阻,砥砺前行。公元3020年,一艘外星飞船坠毁在了地球上,坠毁飞船泄露的物质造成了大面积的污染,地球安全联合组织将污染区域用10米高的水泥墙进行了封锁,该区域被外界称为第十特区,只有持相关证件的研究人员才能进入,但还是有不少探险者使用各种办法突破封锁,一窥封锁区的神秘面纱……张海黎只是一个普通的初中生而已,至少他自己这么认为。但是有一天,他突然无故遭到同班同学的追杀。 在意外觉醒了系统之后,他发现这个世界,貌似远不止他想的那么简单:没有亲人、朋友,怎么活下去?一介凡人妄图与天争个高低,实在是可笑至极,待看这天如何折磨这一介凡人。 我欲红颜斗万法,奈何苍天逆枉情。 【逆苍玄】有声读物已经开始更新,漫画版也在制作当中,敬请期待
工业信息安全研究所 怎么做sem营销 独立网站建设 信息安全风险评估平台,-1 营销式建站什么意思 美国政府重视信息安全 企业手机网站建设案例 营销包含哪些 网络营销型企业网站案例 企业网站首页布局尺寸 与公婆前世的前世修行【www.richdady.cn】 老公家暴的自我保护【www.richdady.cn】 外灵干扰的前世记忆【www.richdady.cn】 如何判断自己是否被冤亲债主干扰?【www.richdady.cn】 莫名其妙感伤的情感释放咨询【www.richdady.cn】 升迁障碍的职场转型咨询【www.richdady.cn】√转ihbwel 孩子不爱读书的应对策略【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 亲子关系的家庭氛围【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 忧郁症咨询【σσЗ8З55О88О√转ihbwel 与女友前世的识别方法【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 去世的母亲的去向解析咨询【σσЗ8З55О88О√转ihbwel 前世今生的缘分解读【www.richdady.cn】√转ihbwel 家庭关系中的矛盾解决【微:qq383550880 】√转ihbwel 什么原因意外的前世缘分咨询【σσЗ8З55О88О√转ihbwel 内心恐惧胆怯咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的解决方法咨询【企鹅383550880】√转ihbwel 亲子关系的共同成长方法有哪些?咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何化解冤亲债主的干扰?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 耳鸣的解决方法咨询【微:qq383550880 】√转ihbwel 前世老公的前世因果咨询【σσЗ8З55О88О√转ihbwel 信息安全等级保护安全要求的基本框架 音乐网站的色彩搭配 商务型网站模板 网站如何推广 产品营销策划推广方案 杭州全网营销 这样建立自己的网站 网站怎么设置支付 营销年会 网络安全员培训证书 网站的运营成本 电子网站建设 大型免费网站制作 企业网站首页布局尺寸 建一个政府网站 郑州网络营销培训学校 国内网络安全事例 网站规划 网络安全信息分析 全国信息网络安全协会 工业信息安全研究所 大连建网站公司 网络安全认证协议 淘宝营销策略简述 2016网络安全大会视频 网络安全法颁布的意义 互联网金融网站建设 信息安全 案例 网络安全大会2017ppt 如何利用网络平台营销策略 高端电子网站建设 工业信息安全研究所 企业网站优化 网络信息安全中的数据恢复方案 微信群营销推广方案 常见的营销手法 河南网络安全 如何来做全网营销 全国信息网络安全协会 网络安全性是什么协议 单页网站 他人委托我做网站 网站的风格 网站规划 淘宝服务营销策略 信息安全国标 政府网站建设方案 单页网站 公司网络安全加固方案 音乐网站的色彩搭配 建微网站需要购买官网主机吗 网络安全性等级 网络营销网络市场调研 酷网站欣赏 网站设计) 网红网站建设官网 网络信息安全评测机构资质 网络安全法颁布的意义 高端电子网站建设 珠海电商网站制作 网络安全大会2017ppt 商务型网站模板 珠海微信营销 东软网络安全黑幕 营销活动培训班 网络营销学文稿 国家建设和完善网络安全标准体系网络安全测评机构申报 网站国际化 营销的对象 2016网络安全大会视频 做专业网站 酷网站欣赏 网站的风格 任天行网络安全管理中心 信息安全 案例 网络营销学什么专业 网络营销需要培训吗 建一个政府网站 石家庄网站设计制作服务 公司网络安全加固方案 微博营销的原则 常见的营销手法 上海地产网站建设 首都网络安全日培新 营销包含哪些 信息技术网络安全 福州医院网站建设公司 网站建设导航栏设计 临沂做网站 信息安全大赛能力 如何利用网络平台营销策略 复旦信息安全 分析企业网站和搜索引擎两者在传递网络营销信息方面有何不同 自由型网站企业信息安全 厂商,-1 对于网络安全的建议 临沂做网站 这样建立自己的网站 深圳网络营销公司排行 国内网络安全事例 东莞高端品牌网站建设 工业信息安全研究所 杭州网络安全公司 地址 菏泽网站制作网络广告营销 高端电子网站建设 信息安全技术 第二代防火墙安全技术要求,-1 大连企业做网站 网站的标准 营销合作 成都网站制作 合肥seo营销公司 最新网络安全大会 信息安全大赛能力 网络营销学什么专业 营销包含哪些 三合一网站 网络工程师和网络营销 信息安全风险评估平台,-1 国家网络安全主题信息安全测试技术包括 网站的运营成本 深圳企业营销培训机构 南通网站建设知识 长沙网站制作公司 实施国家信息安全等级保护制度 信息安全等级保护依据 网红网站建设官网 酒泉做网站 网络营销型企业网站案例 淘宝营销策略简述 学院网站规划方案 企业网站优化 网站设计) 网站设计) 对于网络安全的建议 首届cog信息安全论坛 酒泉做网站