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
国外的网络营销论坛响应式网站香港 信息安全,-1rsa2017信息安全大会2015年十二月初有信息安全大会吗网络安全 研究平台网络安全 研究平台网络安全主题的文章苏州市无线网络与信息安全重点实验室深圳信息安全测评中心,-1春秋五霸,战国七雄,合纵连横,逐鹿中原【系统+记者+内幕曝光】   不知什么时候,媒体报道只在意噱头和热度,却无人关心真相。   陈牧穿越平行时空,成为一位独立记者。   特立独行的选择站在真相那一边。   网红奶茶店每天排长队。   陈牧报道:“某网红奶茶店为节约成本,长期使用过期牛奶,现已有多位受害者住院,奶茶店生意却每日爆满。”   某流量小生事业蒸蒸日上。   陈牧报道:“当红流量已为三孩爸,却和漂亮粉丝牵连不清。”   某首富花大价钱为小儿子庆祝十八岁生日。   陈牧报道:“惊!首富头顶青青草原,为人养儿十八年!”   网友:“这记者能处,有事他真报啊!”无论你是否相信,但这里的每一个字都是真实的“快来扶人!”无数人来这里“快打120!”“歪?120吗?快来这里有人出车祸了!”“歪110吗,这里有人出车祸了!”地上躺了个刚出车祸的人,在周围围了无数的群众,有人帮忙的有120、110的… “我这是死了吗?天堂还真别致呢!”“村长,他醒了,他醒了,一个女孩叫着旁边的一个大叔,小伙子你醒了?”“这是哪里?” “这是…”没等村长说完,又昏了过去… “你醒了?你还真是命大啊,车那么快你都能活下来,真是命大,不过你这辈子可能废了…”“我刚才做了一个好奇怪的梦,看见许多的,没见过的东西…”“这很正常,人要死了啥都能梦见,也说明你命好,捡回来一条命。”… “这不是梦境!” “我只是半滴血?和一缕残魂?” 单女主,但暂时没想好叫啥名。当幽蓝的火焰降临世界,世间所有的罪恶当得到审判。 PS:小说只是借助海贼世界故事背景再次创作,很多剧情并不根据原著走,很多情节也是我根据原著所做的推导,后期可能会偏向玄幻! 不喜勿喷!谢谢!九世善人意外身亡仍单身,转世穿越成农场主 地狱开局,群狼环伺,战狼,战狼,战狼 爆装备-无量玉坠:普欲度脱一切众生 善心换功德,功德致富经开启 劝学,修路,赛马,放牛羊 蓝天,白云,亮星星, 老师,记者,网红,小明星 兰云天说:“乡亲们,等我先富起来,带领大家脱贫致富,共同富裕不是梦”。 天界的姐妹凤琉璃和白子婧受天帝的嘱托下凡观察魔族的一举一动,在此期间遇见了千年之狐墨阳轩和贝城轩,双方合作一起除掉魔族,而墨阳轩一见钟情,爱上了凤琉璃,白子婧和贝城轩俩个人日久生情,东海龙王的女儿辰萱晗也请求天帝让自己去帮助琉璃她们,辰萱晗下凡之后一直在帮助琉璃她们解决烦恼,后来,辰萱晗想出去走走,告别了琉璃她们之后就走了,在外的时候意外救了凡间的大将军顾晟,两个人就此开启了瓜葛,姐妹三人在感情的道路都历经坎坷,好在对方都没有放弃和对方在一起,成功地消灭魔族之后姐妹三人分别带着对方回去了还没看完一页,叶牧就忍不住合上了少年时期的日记本。 “我这写的是什么中二日记啊?” “太羞耻了!” “会社死的吧?” 【叮!神级日记系统激活!】 【自动为宿主的日记购买全球热门推荐!】 【全球点赞过千万,解锁全新功能!】 【恭喜宿主百分百还原事件,奖励混元大罗圣斧!】 受到混元大罗圣斧影响,两个世界不再平行,出现大量未知干涉现象。 殷墟石壁惊现日记,轰动全球! …… 叶牧震惊了。 他写的中二日记竟成真的了!普通高中生肖南 末世来临,为救同学而死去。 【玖月】到来也使他再或新生 末日的到来使人类不得不团结,放下国与国的战争,共同活下去。 但是,末日的到来也让人性的丑恶展现的淋漓尽致。 何为光明?何为恶魔? 被人性的丑恶而厌恶的肖南,成为了世界的新主 人性是什么?人类该活着吗? “如果人类就是这样,这个世界就是这样的话,那便没有存在的必要了。”当家族中人与救命恩人都死在自己的面前,我第一次发觉自己的无能 我不是圣人,做不到善良;我也不是恶人,做不到杀戮。 但我明白一个词,杀人偿命。 君子报仇,十年不晚,你们做好被复仇的准备了吗?
信息安全考研高校 信息安全等级保护安全建设整改工作指南 网络营销渠道功能 中国网络安全威胁地图 政府怎样维护网络安全 物联网与网络安全 高唐网站建设服务商 rsa2017信息安全大会 宣城网站制作创新的企业网站制作 国内信息安全现状分析 大龄剩女的婚恋规划咨询【www.richdady.cn】 外灵干扰的前世因果【www.richdady.cn】 冤亲债主干扰的真实案例有哪些?咨询【www.richdady.cn】 自闭症的环境影响【www.richdady.cn】 前世老公的前世记忆【www.richdady.cn】 亲子关系的案例分享咨询【σσЗ8З55О88О√转ihbwel 发育倒退对孩子心理的影响咨询【微:qq383550880 】√转ihbwel 家庭关系的矛盾化解【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 如何应对冤亲债主的干扰【微:qq383550880 】√转ihbwel 前世缘份的轮回续缘咨询【企鹅383550880】√转ihbwel 冤亲债主的干扰与超度【www.richdady.cn】√转ihbwel 大龄剩女的职场发展【www.richdady.cn】√转ihbwel 去世的父亲的前世因果咨询【微:qq383550880 】√转ihbwel 头脑混沌的生活习惯咨询【σσЗ8З55О88О√转ihbwel 婴灵的预防措施【σσЗ8З55О88О√转ihbwel 发育倒退的早期干预措施咨询【σσЗ8З55О88О√转ihbwel 公司破产的后续规划咨询【微:qq383550880 】√转ihbwel 为什么过世的前世影响【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 官司咨询【微:qq383550880 】√转ihbwel 家庭关系的情感维护咨询【σσЗ8З55О88О√转ihbwel 网络安全扫描 网络安全新形式 贵州网站制作哪家好 信息安全等级保护备案证明 政府怎样维护网络安全 深圳市计算信息网络安全员 网络安全主题的文章 信息安全考研高校 上海市网络安全周 天津信息安全公司排名 网络安全主题的文章 信息安全平台有哪些台州建网站 泰安网站设计 汕头 网站 国家信息安全部大数据上市公司 网络公司给我们做的网站但是我们不知道域名是否属于我们 内容付费如何营销 网络安全的认识 信息安全检查 方案 网络安全工程师培训 广州外贸网站效果 网站建设方案设计心得 东莞网站公司 rsa2017信息安全大会 营销4F是什么 信息安全等级保护企业 国家信息安全需要顶层设计 信息安全等级保护备案证明 贵州网站制作公司电话 香港 信息安全,-1 云计算与网络信息安全 网络安全法案 方维制网站 上海市网络安全周 第七届中国信息安全博士论坛 网站权限 成都网络安全公司 宣城网站制作创新的企业网站制作 网站移动端 网络安全等级保护流程 网络营销的初级职能是搜索引擎营销sem概念 信息安全的系统性 网络营销渠道功能 网络安全扫描 国家信息安全需要顶层设计 网站营销沟通工具外贸免费建设网站制作 杭州网络安全企业 信息安全服务范围 高唐网站建设服务商 网络安全措施媒体 广州外贸网站效果 微网站制作软件 中国亚马逊营销的优势 做网站的人 网络安全 研究平台 淘宝店铺线上营销 什么叫引擎营销 常用网络营销推广渠道 网站营销沟通工具外贸免费建设网站制作 杭州网站推广 复旦信息安全怎么样 网络病毒营销活动 2017国内网络安全事件 中科大信息安全实验室 武汉 网站 国外网络安全社区 网络安全等级保护流程 2017国内网络安全事件 泰安网站设计 网络安全国家安全 西安营销型网站 泰安网站设计 营销型网站建设明细报 汕头 网站 重庆新闻软文营销 信息安全通知 国家网络安全部投诉 网络营销教程 锐捷网络安全产品分析报告 香港 信息安全,-1 网络公司给我们做的网站但是我们不知道域名是否属于我们 网络安全宣传月 B2B网络营销难点 28所 网络安全部 网站建设方案设计心得 内容付费如何营销 信息安全的系统性 南宁市做网站的公司 网络安全众测平台 网络安全的认识 网络营销教程 苏州市无线网络与信息安全重点实验室 国家信息网络安全中心 信息安全检查 方案 网络安全法 解读 中国网络安全威胁地图 政府网站建设 网络安全工程师培训 湖南网站制作 网络安全法 解读 国外的信息安全事件 广州外贸网站效果 移动营销有什么特点 国外的信息安全事件 中新网络信息安全股份有限公司 网站建设方案设计心得 全自动语音营销机安装 营销型网站建设明细报 信息安全服务范围 广州 网站建设 东莞网站公司 信息安全专业学生需着重分析当前的信息安全面临的主要威胁及相应对策 宣城网站制作创新的企业网站制作 广东信息安全专业 免费建网站家谱系统 佛山网站设计优化公司 销售营销区别是什么意思 政府网站模板 汕头 网站 营销4F是什么 互联网营销的总结 营销人优点 网络营销在酒店营销中的应用浅析[毕业论文] - 毕业设计 政府怎样维护网络安全 信息安全等级保护企业 天津网络安全 中国亚马逊营销的优势 国家信息安全部大数据上市公司 信息安全的系统性 怎么制定网站 信息安全等级保护准则,-1 网络运营与网络营销 天津信息安全公司排名 B2B网络营销难点 关系营销的劣势