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天津 网站设计公司美国 信息安全优秀企业网站信息安全 哪些资质,-1营销策划天培营销女主人公南宫花铃以及男主人公上官星云来到剑阁不小心用血激活了正在铸的宝剑以及在门派里匡扶正义后面退出师门解救不道义的师傅的种种故事能斩敌人百万雄师,却对她无能为力! 妻!是我的妻!    怨我、恨我、仇深似海! 无论如何弥补,都无法填平,婚前抛弃带给她的蚀心伤害! 这一生,只为获取她的原谅,哪怕是……    每一天都发狂! 风动衣衫雨动帘,楼外青山人未还,烟波江影及时休,月照清水满河畔。本是天之骄子,却被下毒陷害,险些命丧黄泉,流落江湖,纳兰枫烬,势要杀回九重天阙,夺回属于自己的一切,从此之后,皇城江湖,唯我独尊。震惊,穿越异世界之后我和好兄弟竟成了“cp”?携手打怪升级却屡屡遭遇爆笑窘境 ,哥们,这究竟是什么鬼地方啊我想回家!!天空突变,一次偶然的机会人类发现了比自己还强大的物种,贪婪的妄想却把沉睡千年的丧尸给惊醒了,不思考只听他人的人类征服选择了错误的选项差点毁掉世界,圣鹰小队能否侦破这起危机......【秦时+高武+争霸+无女主】 穿越大秦世界, 赵钰发觉,自己的身世并不简单。 生父成谜,母亲又遭罗网追杀, 家中藏的宝盒,居然是苍龙七宿 就连街边救助的老黄头,都自称道家祖师爷! 懵懂中,赵钰入江湖,上庙堂。 平定六国,收服百家,消灭罗网,击杀胡亥…… 多年后,当赵钰登基,被世人唤做千古一帝,俯瞰天下时, 他骤然发现,整个天下,已经被他打造成自己喜欢的模样! 【架空历史,部分时间线有所变动,考究党误杠!】  谜一样的少女在森林中醒来,带着破碎的梦境,和男主相遇。 少年说:“我不是什么英雄,能力有限。”   她说:“你就是我永远的英雄。”   许多年后,他说:“我想现在的我可以成为英雄。”   她只是笑了笑,没有说什么,转过身慢慢走远了。   “抱歉,是我让你等的太久了。”   最初的相遇,要是一直都在悸动,该有多好…… 当一切都变得黯淡无光时……就会分外怀念事物当初的样子。   三大魔法领域里,不同种类的魔法师,总有一种是自己想成为的类型。神话中的路西菲尔,米迦勒能否再次相遇? 我相信,命运是一定可以被斩断的,纵然悲剧       羽化飞升的周蒙没有成仙,却穿越来到了灵川大陆,灵魂附身在一个孱弱的少年身上。   人类是灵川大陆唯一无法炼气的生物,也是灵川大陆食物链的最低端的存在,还是众多兽族的口粮。   周蒙带着一身蓝星道法穿越,意外找到了人类修炼的法门。自身强化的同时还利用蓝星道法增强人类,居然能够使人族拥有无上实力。   周蒙以凡人之躯加冕人皇,带领人族崛起。   狼族:“区区人族而已,犹如蝼蚁,小指头足以捏死!”   狐族:“什么时候人类也能称之为威胁了?”   树族:“狗屁人类,我一巴掌一个好吧!”   人族开启修炼之旅,全员恶人之后。   狼族:“人族大佬们饶命,我愿意终生为人族当狗!”   狐族:“人类决不能留!”   蜥族:“啊?我蜥族被人族一巴掌一个了?”   扫清一干种族,成就万古人皇!! 仙界,所有修道者的理想之地。哪里有着怎样的生活,是否可以无忧的生存?最强者之子,出生便遭遇灾劫,最终他们历经坎坷、生死离别,与一群志同道合之人改变仙魔两界。穿越平行世界,一场车祸让楚天昏迷三年。 醒来时,前女友已成为超级巨星,并即将嫁入豪门。 楚天:我为你们的婚礼献唱一首《嘉宾》。 瞬间红遍大街小巷。 一首《漠河舞厅》,让所有人感动。 一首《消愁》,道尽了人间冷暖。 再一首《平凡之路》,引发歌坛地震。 官媒:楚天是所有年轻人的榜样! 时代杂志:他的才华征服世界! 实在太无聊了,把身边的人都打造成明星吧。 资源? 我就是娱乐圈最大的资源!
青岛网站建设培训 网络营销企业顺义手机网站建设 组建一个网站 网站建设的售后 网站建设的售后 北京网络安全产业联盟 网络公司 开发网站 北京网络安全产业联盟 网站备案信息注销原因? 天津 网站设计公司 前世今生的轮回转世咨询【www.richdady.cn】 孩子压力大的自我提升咨询【www.richdady.cn】 意外的前世案例【www.richdady.cn】 有官司的法律援助咨询【www.richdady.cn】 婴灵的超度与心理安慰咨询【www.richdady.cn】 与女友前世的记忆解析咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的超度流程【www.richdady.cn】√转ihbwel 与公婆前世的因果关系威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 强迫症的案例分享咨询【www.richdady.cn】√转ihbwel 与男友前世的前世缘分咨询【σσЗ8З55О88О√转ihbwel 前世今生测试在线【企鹅383550880】√转ihbwel 为什么过世的前世记忆【微:qq383550880 】√转ihbwel 有官司的原因分析【微:qq383550880 】√转ihbwel 不爱读书的咨询技巧【企鹅383550880】√转ihbwel 心慌胸闷头晕的原因分析【企鹅383550880】√转ihbwel 阴间生活的前世修行【微:qq383550880 】√转ihbwel 缺心眼的原因分析【σσЗ8З55О88О√转ihbwel 与男友前世咨询【微:qq383550880 】√转ihbwel 去世的父亲的前世修行咨询【微:qq383550880 】√转ihbwel 祖灵的存在形式【微:qq383550880 】√转ihbwel .黑龙江省网络安全协会 软件开发网络安全 营销的图片移动端网络安全 幽灵网络安全团队 国家信息安全网络小组 福田网站建设 汽车营销案例 长沙电子商务网站建设 网络安全测评机构 辽宁 营销动态 网络安全相关活动 酒店营销推广事例 上海网络安全会 宝安建网站 互联网出口 网络安全 石家庄网站建设找哪家 中国网络安全提高 国家信息安全保护制度 平台营销 网站设计公司 无锡 国家注册信息安全员 微博营销成功案例 北京网站页面设计 网站推广软文 网站推广文章 title:(网站建设) 美胸 热点.事件营销 可信赖的手机网站设计 信息安全等级保护管理办法(试行),-1 优秀企业网站 网络安全信息检查 信息安全管理 mobi 微信网络营销案例 陌陌营销工具 互联网营销可以做什么的 长沙市网站制作 维护网站 组建一个网站 信息安全造成 聊城网站建设招聘 深圳网络安全公司排名 网络安全检查总结万能 网络安全密匙破解 网站主色调 网站运营公司 企业网站建立哪 信息安全等级分类 国家注册信息安全员 北京网络安全产业联盟 网站制作的趋势 湖南信息网络安全协会信息安全等保标准 信息安全等级分类 信息安全博士 招聘,-1 信息安全 哪些资质,-1 网络安全测评机构 辽宁 国家信息安全网络小组 旅游模板网站 维护网站 网站有哪几种 微信网络营销案例 网络安全的电视剧 网络营销的发展 网络安全信息检查 制作网站备案幕布 石家庄网站建设找哪家 营销的图片移动端网络安全 张家港专业的网站制作公司 软件开发网络安全 网络安全对企业 网络安全龙一 als冰桶挑战算那种网络营销 2017国际网络安全 军用信息安全产品认证证书等级 美国 信息安全 搜索引擎营销注意点 网络安全敏感国家 瑞士 青岛网站建设培训 网页创建网站 3合一网站 信息安全等级保护标准体系遵循以下原则 全面性 系统性 先进性 平台营销 上海定制网站建设公司哪家好 郑州知名网络营销公司 3合一网站 太原网站制作 网络营销岗位是什么意思 因网络安全 网站关闭 宝安建网站 网站设计公司 无锡 网络安全对企业 edr 网络安全 旅游模板网站 互联网营销工作简历深圳营销网站 镇江网站建设机构 网络信息安全测评企业 手机端网站设计 软件开发网络安全 许可email营销的功能 网络安全与攻防项目 幽灵网络安全团队 信息安全 等级评估 网络安全评测报告 福田网站建设 网络营销优势 佛山新网站建设平台 长沙电子商务网站建设 春秋网络安全官网网站建设策略 信息安全等级保护管理办法(试行),-1 营销动态 信息安全相关证书 网站推广软文 酒店营销推广事例 深圳网站外包 个人信息安全的案例 宝安建网站 上海网络安全会 东莞网站建设平台 石家庄网站建设找哪家 电商短信营销 苏州做网站公司 国家信息安全保护制度 信息安全 等级评估 网络信息安全监理公司 网站设计公司 无锡 制作网站备案幕布 优秀企业网站 微博营销成功案例 网络安全的电视剧 企业信息安全小组 网站推广软文 做好工业控制系统的信息安全等级保护工作 低成本网络营销 title:(网站建设) 网络营销组合的类型 电商网络安全