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
都江堰网站建设网络安全靶机网站建设公司深圳昆明建网站公司黑客入侵 网络信息安全网站中主色调酒店信息安全网络营销的定义及常用方法如何定位网络营销渠道电子商务网络营销实践报告房地产 网站 设计制作从蓝星穿越而来的孤儿夜无明,没有朋友,没有父母,记忆之中更不知自己从何而来,为什么会来到这里……让我们一起来看看少年如何恢复自己的记忆,解开自己的身世之谜。在城市中,人们发现自己身边的朋友总是会流传着一种说法 不要自己一个人待在一个没人的地方太久 或许会消失也说不定,谁知道呢? 进入暗室,进入新的世界,或许我们能找到答案当修真者穿越到了现代,因为语言不通闹出了许多笑话。 谁能想到,一个不起眼学生竟然是修真界的最强者? 最强S级异能者?对不起,只需要一剑。 异能者和修真者的碰撞,核武和仙术的对轰…… 我有一愿,可见父母之平凡; 心中有气,可付天下生机; 手中执笔,可点修行之灯; 脚下踏规,行万界之矩。这是一个奇妙的世界,尖端科技已经超越现代水平,而文明发展却还停留在1000年前。在这个世界最强大的帝国中,有一个放荡不羁的青年,在被人击败后偶然得到一本神功,成为城中至霸,却又突然失去全部功法,沦为废人。在神秘高人的帮助下,他重回巅峰,和同伴们一同探索这个大而又神秘的世界,同时,他们也逐渐揭开,这其中蕴藏的秘密……精灵族与巨人族自古以来就生活在艾夫海姆大陆,可日益严重的贸易冲突打破了双方的和谐,至此!精灵族与巨人族开始了一次又一次的战争,本身生活在生命之树下的精灵族靠着灵力可与巨人族相匹敌,可就在这时精灵族缺意外分裂,分裂成光精灵族和暗精灵族,暗精灵族似乎是与巨人族合作起来进攻光精灵族,至此,光精灵族的年轻精灵——池本,开启了他的逆天道路,只为拯救艾夫海姆!穿越大唐贞观年间,成为李世民第九子李治。 开局只有四岁,并且身负混世魔王系统。 十万里加急的信鸽算什么? 烤! 圣旨算什么? 画! 李二算什么? 整! 李二:“王德,最近雉奴学业如何?” 王德:“陛下,孔颖达已拜晋王为师!” 李二:“什么?” 王德:“阎立本、王献之紧随其后,也对晋王殿下以师见礼!” ………… 琴棋书画,刀枪剑戟,文武双全定江山。 我李治自认第二,谁敢称第一? 研发五年的虚拟现实(VR)游戏《天下》终于上线,作为网瘾少年的林狼等人自然是无法抵挡诱惑,进入了游戏。作为首席开发设计师梦如与张楠却也成功进入了游戏,却怎么也没有想到,《天下》在朝着她们意料之外的方面发展……“女帝求放过,我真的顶不住了啊!” 萧青城穿越玄幻世界,拜入太虚圣地。 本以为自己可以一路高歌,过五关斩六将,却没想到自己天资平平。 再快要被太虚圣地清退之前,萧青城发现自己居然可以看到别人身上的机缘线。 “我居然截胡了一个红色机缘!” “发了发了,是无上剑骨!” “无名强者的剑道真意?红色机缘?” “是我的了!” “咦?这里怎么还有一个金色机缘?” “不管了,先到先得!” 从此以后,萧青城结交各路女帝和各种天命女主,截胡打脸众多天命之子的机缘。 不知不觉间,他已踏上武道之巅,坐拥江山无数。 然而,有一天,他的秘密突然被一位女帝发现。 “萧青城,还我机缘!” “不,我没有,这是我先找到的!” 青龙,又称苍龙、孟章,是中国古代神话传说中的形象,为“天之四灵”之一的东方之神,对应“四象”中的“东方七宿”。 帝谕,又称帝令、八荒,是传说中法师和炼体师的尊称,为“万物之主”主宰的无上意志,统御“大千”中的“万法世界”。 李才,一个平凡、普通的年轻人,因为一颗“黑珠”踏上了辛苦的修习法术之途。他没有过多的幸运突然降临,也没有无敌的人格魅力让所有人围绕。 让我们和李才一起经历这真实、精彩的旅程吧!
小米的营销案例分析 国企网站建设 酒店信息安全 中国网络安全论坛 新媒体营销深圳网络安全保险怎么买 提升网络安全意识 建议 网站建设方案设计心得南宁企业网站 南宁市网站建设哪家好 黑客入侵 网络信息安全网站中主色调 网络营销的定价策略有 如何判断自己是否被冤亲债主干扰?【www.richdady.cn】 前世缘份的化解方法咨询【www.richdady.cn】 官司的预防措施咨询【www.richdady.cn】 外灵干扰的前世记忆咨询【www.richdady.cn】 财运不佳的心理调适咨询【www.richdady.cn】 冤亲债主干扰的心理影响【微:qq383550880 】√转ihbwel 如何识别冤亲债主【企鹅383550880】√转ihbwel 家庭关系的心理调适咨询【www.richdady.cn】√转ihbwel 冤亲债主干扰的根源是什么?咨询【σσЗ8З55О88О√转ihbwel 孩子不爱读书的应对策略有哪些?咨询【微:qq383550880 】√转ihbwel 孩子压力大的环境影响咨询【σσЗ8З55О88О√转ihbwel 前世缘份如何影响人际关系?威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的修行建议咨询【www.richdady.cn】√转ihbwel 投资项目的收益分析咨询【企鹅383550880】√转ihbwel 如何解决孩子不爱读书的问题?【企鹅383550880】√转ihbwel 如何改善精神不振的状态咨询【微:qq383550880 】√转ihbwel 头脑混沌的咨询技巧咨询【σσЗ8З55О88О√转ihbwel 前世缘份的咨询技巧咨询【微:qq383550880 】√转ihbwel 脑部不清晰的咨询技巧咨询【www.richdady.cn】√转ihbwel 财运不佳的财富规划【企鹅383550880】√转ihbwel 提升网络安全意识 建议 青岛专业餐饮网站制作 营销推广电子商务网站 信息安全 行业 小数据 信息安全 ppt 昆明建网站公司 长安网站建设多少钱 房地产 网站 设计制作 青岛专业餐饮网站制作 网络营销产品类型 开展经常性的网络安全 政府网络信息安全方案 网络营销的作用价值 信息安全测评收费标准 我国信息安全论文 短信营销渠道 星巴克微信营销ppt模板下载 网络安全编程特点 智能社交营销平台 网络安全初学者学什么 免费网站设计 创客通营销手机有用吗 网络营销的作用价值 哪里的佛山网站建设互联网推广营销学院 营销培训基地 信息安全服务规范 酷炫给公司网站欣赏 互联网信息安全解决方案当中完善互联网信息安全的法律制度去的方法有 信息安全 投稿 ui的含义网站建设 新媒体营销深圳网络安全保险怎么买 如何开展网络社群营销 云大信息安全 信息安全讲师认证,-1 服务类做网络营销 网络安全的图片有哪些 汉中建网站 小区社群微信营销 微网站备案 网站制作公司合肥 棕色网站 昆明建网站公司 酷炫给公司网站欣赏 潍坊网站建设公司电话 信息安全服务规范 营销媒体 大连网站优化公司 网络营销的方法 信息安全防护相关产品 2016年 网络安全规划方案 网络安全问题产生原因 网络营销168招 淘宝 网络安全专家条件 云大信息安全 营销培训基地 江西网络安全 问答营销推广的作用 哪里的佛山网站建设互联网推广营销学院 国家信息安全检测 美国国家信息安全战略 网络营销的方法 重庆搜索引擎营销工具 2014春浙江大学计算机信息安全 网站建设公司深圳 网络安全初学者学什么 外贸型网站制作 网站的颜色 小米的营销案例分析 大连网站优化公司 公安部信息安全产品检测中心 网络安全靶机 外贸型网站制作 网络营销与物流 网络安全的图片有哪些 工信部 信息安全要求 微博怎么做营销 哪里的佛山网站建设互联网推广营销学院 网络安全攻击的方式 南宁市做网站的公司 有国家认证的网络安全认证的 数据恢复公司 信息安全测评收费标准 潍坊网站建设公司电话 杭州网络安全研究院 响应式网站 第六届全国网络安全等级保护技术大会 信息安全测评收费标准 网络营销168招 淘宝 信息安全服务规范 酒店信息安全 快速网络营销软件 中国网络安全100强 网络安全靶机 创客通营销手机有用吗 武汉网站建设公司 邵阳网站优化 房地产 网站 设计制作 互联网营销的主要优势 温州建网站 西安营销型网站 酒店信息安全 南宁市做网站的公司 东台网站制作 小米的营销案例分析 微网站备案 网络安全重要性 flash 问答营销推广的作用 医院网站建设 价格 短信营销渠道 网络营销168招 淘宝 网信部门和有关部门获取的网络安全保护信息 广州网络安全技能大赛 提升网络安全意识 建议 转换营销 微博怎么做营销 车联网信息安全测试 ui的含义网站建设 邵阳网站优化 汉中建网站 网络安全研究方法 营销培训基地 互联网信息安全解决方案当中完善互联网信息安全的法律制度去的方法有 响应式网站 微信营销的传播优势 有国家认证的网络安全认证的 数据恢复公司 小米的营销案例分析 外贸网站建设公司方案 新的网络信息安全法 响应式网站 营销的投入 国家信息安全检测 日本国家信息安全战略 信息安全服务规范 广州网络安全技能大赛 信息安全 行业 工业信息安全专家