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
h5网站开发四川大学信息安全实验室惠州网站开发公司实验室信息安全要求网站构成公司网络安全部门规划方案上海营销平台网站建设深圳软文营销推广网络营销技术性互联网全案营销上海市网络安全总队莫名其妙来到一个魔法世界,本以为可以大展拳脚,但看到当代魔法专业学生的内卷现状,瞬间就觉得不香了。 魔导器专业的课堂座位比较紧张,学校禁制学生去占座。所以,每天早上,就会有很多人去魔导器专业课堂排队。 江北还在被窝里的时候,魔导系各专业课堂已经人满为患了。 纳斯卡大学推荐自由学习模式,学习精灵语和兽语的人,甚至可以十点去上课。 江北的舍友就是魔法运营专业,主修精灵语,可是呢,他早上六点就起床洗漱,江北隐约听见动静,迷迷糊糊的问:“老大,你今天第一节有课啊!” “没有,我去预习一下今天上课的内容。” 听到这句话,江北一下子就清醒了。 魔法专业的学霸们,咱不内卷了,行吗?上古大陆,一位拥有先天全体的少年,因为一次意外,引得黑珠入体,从而导致元力全失,至此他失去了所有光彩,族人的陷害让他认识了师尊,在一个分身的教导下,少年披荆斩棘,过五关斩六将,一步步成为真正的强者...... 为了家族命运,少年踏上了独自修炼的征程;为了亲人,他被迫选择了自己不爱的人;为了爱人,他忍受了无数年的自责。 从一个小小的战士,逐步成长为天元大陆至高无上的古神,而最终,为了整个天元大陆,他却付出了所有......2025年,全球抗疫斗争取得了阶段性胜利,疫苗普及率达到70%,虽然新冠肺炎疫情仍在影响着世界,人类似乎有望重返那个和谐安详时代。然而,一个更严重的潜在危机正在酝酿,一种新型病毒正在悄无声息地传播,各国企图采取措施,然而人类发现,这场新的疫情的背后隐藏着许多超越当前认知的事情,光靠一己之力根本难以阻挡,人类事实上十分脆弱,越来越多的开始失去生命,人类走到了灭绝的边缘。就在许多人陷入迷茫之际,一个全球性的组织开始浮出水面,开始由幕后走向台前,轻霜冻死单根草,狂风难毁万木林,唯有团结,人类才能赢得生存的机会。传说,宇宙中有一方宇宙人以强大的科技和大量训养的怪兽以及残暴的手段侵占适宜其生存的行星,建造庞大的宇宙帝国。 如今,已经侵占数行星的邪恶宇宙人将矛头对准了地球。 人类究竟能否开发出对付侵略者的武器,团结一心,打赢这场长期的家园守卫战呢?茫茫黑色宇宙中究竟是否能冉冉升起一颗新星? 无人知晓......穿越平行世界,开局就被女星污蔑,沦为史上最强渣男。 结果开启搞事系统。 从系统开启的那一刻,就注定严谨是娱乐圈的一股泥石流。 面对媒体: “我说那不关我的事情你信吗?!” “真的,她说要蹭我的流量,所以……主动找我,我真是无辜的啊!” “你们不相信?我审美是在线的,就她那样的……我也瞧不上啊!” 凭借着自己的才华,他让网友又爱又恨。 甚至还被亲切的称之为——娱乐圈质检员! 开始的无敌,没落。 五年的废柴,五年后震惊大陆的天才。一个传奇网游,一把剑,看一个游戏天才如何问鼎武道顶峰,成就一代枭雄,而命运之神又会如何安排呢?是懦弱还是其他?是废材蠢才还是其他?商界天才在车祸中丧生,却意外重生在一个底层小人物体内。 时间倒退二十年,突然多了一个可爱女儿,该哭还是该笑?老婆这么漂亮,会不会不安全? 这是一个满地黄金的时代,机遇多如星辰密布,淘金者多如过江之鲫。 林皓文决定彻底释放野性,化身一头吸金巨兽。 林皓文:“各位商界大佬你们好,我是来教你们做人的。”当黑暗侵袭,有人跪下,有人放弃。 而我们,会鲜血流尽,战斗到底。 而我,就是这诸天万界的主!一洛之海,万丈之深,水是命源,洛海之根
视频营销的优点 商城购物网站有哪些模块 专业信息安全服务资质咨询中心,-1 如何建立信息安全标准化企业网站首页应如何布局 华为网络安全认证费用 外贸营销网站建设 美国大学信息安全 东莞做网站it s 网络安全教育培训 如何注册网站域名 “缺心眼”对人际交往的影响咨询【www.richdady.cn】 前世缘份的案例分享【www.richdady.cn】 性压抑的前世记忆咨询【www.richdady.cn】 如何克服“缺心眼”的问题【www.richdady.cn】 与女友前世的前世缘分【www.richdady.cn】 与老公前世的识别方法咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 事业不顺的案例分享威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 去世的父亲的前世故事【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 存不住钱的心理调适咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 与女友前世的前世缘分咨询【www.richdady.cn】√转ihbwel 与男友前世的因果关系咨询【企鹅383550880】√转ihbwel 干扰【微:qq383550880 】√转ihbwel 冤亲债主的干扰与化解咨询【微:qq383550880 】√转ihbwel 脑部不清晰的解决方法咨询【企鹅383550880】√转ihbwel 脑部不清晰的解决方法【微:qq383550880 】√转ihbwel 亲子关系的互动模式咨询【www.richdady.cn】√转ihbwel 失业的职业规划咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 心特别累的咨询技巧【σσЗ8З55О88О√转ihbwel 与男友前世的识别方法【σσЗ8З55О88О√转ihbwel 公司破产的后续规划【www.richdady.cn】√转ihbwel 型云网站建设 网络营销网站给个营销型网站 网络安全需打好组合拳 建个营销型网站多少钱 上海营销平台网站建设 鄂尔多斯网站建设 衡水建网站 深圳网站建设流程 第三届网络安全宣传周 html5 网站 北京网络营销公司 2016中国网络安全技术对抗赛结果 网络安全与病毒防范 pdf 温江建网站 深圳市信息安全行业协会 网站交互性 2015年网络安全 珠海营销网站建设 4P市场营销组合的特点 上海市网络安全总队 4.29网络安全 网站及单位网站建设情况 昆明网站推广优化 网络安全面对的威胁 铜川网站建设 网络营销技术性互联网全案营销 衡水建网站 家居营销网 铜川网站建设 网络安全体系由 深圳软文营销推广 华为网络安全认证费用 4.29网络安全 网络安全教育培训 陕西信息安全监测中心 江门网站制作 北邮的信息安全专业怎么样 网站建设专家 网络安全经典实验 网络安全技术与应用 订阅 国家网络安全机构 东莞做网站it s 如何建立信息安全标准化企业网站首页应如何布局 外贸营销网站建设 北京网站开发制作公司 五大营销系统 惠州网站开发公司 国家242信息安全局 网站的设计流程 网络安全需打好组合拳 深圳互联网营销 网络安全及信息管理 美国网络安全产业 网站建设的素材处理方式 中国网络安全产业大会 信息安全专业大二课程 上海营销平台网站建设 电脑网络安全培训 2014年网络安全市场 上海网站建设企 网站备案要多久 沈阳做企业网站的公司 双语网站建设 网络安全设备应用分析 电商商城网站建设 网站建设干货 五大营销系统 考网络安全什么证书 信息安全相关竞赛 国家对信息安全性网站设计一般会遇到哪些问题 gartner信息安全的威胁 网络安全演讲 地产网站建设 第三届网络安全宣传周 信息安全专业大二课程 东莞企业营销型网站策划 课程商城网站模板 如何注册网站域名 html5 网站 网络营销策划书 网络营销沟通方式 网络信息安全培训 上海 北京网络营销公司 gartner信息安全的威胁 发信息安全吗 安徽信息安全等级保护网 2016中国网络安全技术对抗赛结果 员工信息安全培训 视频营销的优点 网络安全攻防研究室 杭州 网络安全公司 网络安全技术与应用 订阅 网络营销策划书 信息安全培训办公室提醒您 娱乐网站 建站软件 网络安全公司排名江西 公安部 信息安全 网站备案要多久 域名和网站 漯河做网站 网络安全行业有哪些 营销免费 网络营销推广环境分析报告 深圳网络安全公司招聘 发信息安全吗 一个网站的首页设计ps 银监会 信息安全 文件,-1 2017 信息安全 峰会 深圳网络安全公司招聘 武汉网络安全博览会 西安做搭建网站 4.29网络安全 武汉网络安全博览会 铜川网站建设 网站制作公司成都 郑州的数据营销公司怎么样 甘肃做网站哪家好 电信信息安全部门 大连做网站 考网络安全什么证书 传统市场营销理论基础 上海网站设计公司 网络安全经典实验 网络安全演讲 网络安全教育培训 网络安全面对的威胁 如何建立信息安全标准化企业网站首页应如何布局 漏洞对网络安全的危害 中国网络安全 国际 石家庄网站设计 华为网络安全认证费用 鄂尔多斯网站建设 东莞企业网站建设 网络营销网站给个营销型网站 网站建设公司武汉