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企业网络营销存在问题深圳视频营销推广意外的死亡,沈子昂穿越到了洪荒年代; 废弃的血脉被人唾弃,驱逐! 没想到和自己一起穿越的狗都成为了魔族统领; 殊不知这废弃的血脉竟然是传说中的龙脉。 从此刻起,洪荒年代又多了一个疯狂作死的妖族大帝! “人族之皇啊,走着,去喝两杯?” “妖帝,你为何又要调戏我魔尊的女儿!!” “神王,咱俩去佛界溜达溜达,请他们吃烤肉去!!!” “师傅不好啦,妖帝要去做大保剑,问你去不?” “........” 四界大乱,上古妖魔复活; 妖帝死后魂魄不灭,附身于废柴之身; 一人持太古凶器,踏破苍穹,诛神斩魔!!!剑道信仰崩塌。 紫铜仙府问世。 活着,已是不易。 但我,选择守护。 不装了,我摊牌了,我是体修。 不是我看不起各位,说实话,就我这身体素质,在座的,都是垃圾。先秦时期,中原武林出现了许许多多的门派,每个门派内有分内家弟子与外加弟子。内家弟子修炼本门派的内功心法,外家弟子则修炼刀枪剑戟斧钺钩叉鞭锏等十八般武器。 门派之间杀伐不断,直到始皇帝统一天下之后,各门各派又联合起来与始皇帝创建的大秦帝国对抗,最终引起了始皇帝的愤怒,随机下令丞相李斯一个一个的灭门,最终把每个门派的内功心法全部焚烧,内家弟子全部坑杀,只留下了部分外家弟子为朝廷效力。 始皇帝驾崩之后,部分内家弟子陈胜吴广等人侥幸逃过李斯追杀的又纷纷带头反抗帝国,最终给了大秦致命一击。 我们的故事就在千年后的唐帝国开始张元清,河南人氏。生于明嘉靖三十六年,其祖上有恩于朝廷,特在县城造一府邸,祖上为防日后祸乱,又起造城墙,招兵买马,收募官员,名为张氏城府。万历十一年,山东一带陈希真等贼人作乱,朝廷大将身死,朝廷发一招贤榜,元清观后与村中几个玩伴前往京城,领数万军马征伐。互有伤亡,终平定匪患。元清遇一道人,道人送三粒仙药号能长生。元清服下一粒,给心中情人李金凤及好友胡志杰服下一粒,张元清于老家欢快数年,后遭数件坏事,其姑祖母认定屋子风水不好,全家搬至浙江万央镇。后张元清又经历抗击满清和洋人之战,期间李金凤身死。清政府退位后,城府被迫关封,张元清去伏仙山求道。二十年后张元清下山云游。眼下正是抗日全面爆发,元清加入以王正终为首的青平山义军,与日寇周旋,后抗战胜利,义军关寨解散,张元清归隐于青锋山修道。结识了六位道友,在一天夜里做一梦,与一群黑影打斗,却看不清他们脸面,张元清背靠一堵墙持剑自尽,张元清惊醒……天空满天星斗,像一粒粒珍珠,似一把把碎金,撒落在碧玉盘上.此刻是那么的宁静,安详,树叶在沙沙作响,星星在不停地眨着眼睛。 而我或许会是其中一颗,又或许只是一个微不足道的缩影 所谓神明,不过是蛰伏在暗影之处的小偷! 他们需要称颂,他们需要信仰,他们需要祭祀,他们需要血肉。 他们自称给予你所想要的一切,在你耳边低声呓语!此事古难全,但愿人长久 这条路是孤独的 只有一人 可长青。 苏昂因一次奇遇踏上修仙之路……人在家中坐始皇从哪来?莫明穿越到了一个酷似春秋战国的地方成为大秦太子,不仅要和亲爹斗智斗勇,更加难过的是还有一个只有自己能看到的始皇帝在旁边,你洞房他看着,你泡妞他笑,你第一个孩子出生他比你还要高兴……造孽啊!努力了十年,终于经济独立了,本以为可以彻底甩手享受生活,迟来的系统却逼着他去当个门主。 既然都当门主了,那更加不用那么拘束了,谁让这个宗门这么强呢,你说对吧? 宋清书穿越综武世界,成为武当三代首徒宋青书,本应该是一个神仙开局。 然而宋青书已经杀了师叔莫声谷,还背叛丐帮,正在被陈友谅追杀,随时可能丧命。 就在这时,绝世舔狗系统激活。 绝世武库向他敞开,只要赚取积分,就能疯狂买买买。 九阳神功,买! 凌波微步,买! 战神图录,买! 咦,竟然还有八九玄功和草灭剑诀,难道……
深圳建网站的公 网络营销产品最注重 闵行网站建设 设计网站需要什么条件 网站精品案例 网站注销 营销策略理论的发展 信息安全管理体系包括 网络安全和信息化官网网络安全和网络管理 互联网营销骗局 前世缘份如何影响人际关系?咨询【www.richdady.cn】 事业发展瓶颈突破咨询【www.richdady.cn】 感情纠纷的情感重建方法有哪些?咨询【www.richdady.cn】 前世今生的轮回传说咨询【www.richdady.cn】 婴灵的预防措施【www.richdady.cn】 缺心眼的心理调适咨询【www.richdady.cn】√转ihbwel 大龄剩女的婚姻选择有哪些?咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份的咨询技巧【www.richdady.cn】√转ihbwel 无形干扰的案例分享【www.richdady.cn】√转ihbwel 事业不顺的自我提升【σσЗ8З55О88О√转ihbwel 前世老公的前世记忆威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 婴灵的预防措施【www.richdady.cn】√转ihbwel 如何超度婴灵?【微:qq383550880 】√转ihbwel 婴灵、邪灵、祖灵咨询【企鹅383550880】√转ihbwel 不爱读书的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 头脑混沌的自我提升【企鹅383550880】√转ihbwel 婴灵的超度与心灵净化咨询【www.richdady.cn】√转ihbwel 感情纠纷的情感疏导技巧有哪些?咨询【σσЗ8З55О88О√转ihbwel 婚姻生活不顺的前世因果咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 财运不佳的财富管理【微:qq383550880 】√转ihbwel 浦东分局网络安全保卫 网络营销主要做什么 icp信息安全评测报告 android 信息安全问题 网络信息安全与管理 网络安全监测中心 营销短链 制作网站的公司 信息安全应用技术,-1 深圳视频营销推广 嘉兴品牌网站建设 网络营销产品最注重 嘉兴网站备案 25个网站 web安全和网络信息安全 互联网公司 营销 深圳网站建设 公司元 全国专业信息安全服务资质咨询公司,-1 常州网站推广 营销的好处 企业网络营销存在问题 和包营销活动方案公安部网络安全保卫局网站 华为信息安全认证 贵港网站建设 常见的信息安全问题,-1 营销短链 信息安全 相关单位 信息安全工程研究中心,-1 上海信息安全工程技术研究中心 网络安全发展的历史 王老吉营销成功的理由 最好的营销 国外网络安全厂商 无线网络安全实例 互联网+ 网络安全 重庆网站优化 无线网络安全实例 线上口碑营销 互联网营销教程视频教程 南京 网站开发 网络安全项目名称 惠州网站推广 中国信息安全供应商 网站的建设 黄山网站建设 上海市信息安全活动周 东莞做网站的公司有哪些 网站制作公司咨询热线 信息安全应用技术,-1 网站的建设 网络安全标准体系 网络安全监测中心 宜昌做网站 中国信息安全供应商 昆明做网站 三门峡网站建设 合肥做网站域名的公司 旅游响应式网站建设 25个网站 制作网站的公司 网站制作教程 全国专业信息安全服务资质咨询公司,-1 贵港网站建设 网络营销工具及方法有哪些内容 网络安全实验报告 内容营销软件 网站管家 王老吉营销成功的理由 网站设计公司 北京 网络安全标准体系 注册信息安全员在哪考,-1 海外网络营销做什么的 线上口碑营销 途牛网络营销案例 宝安网站设计公司 线上口碑营销 内容营销软件 网络安全 四层 当前的问答营销平台 营销的好处 网站建设新闻分享 网络信息安全实验报告 网络安全和信息化官网网络安全和网络管理 上海市信息安全活动周 东莞网站推广公司 网站推广渠道 制作网站的公司 网站制作教程 最优秀的佛山网站建设 嘉兴品牌网站建设 黄山网站设计 济南专业做网站 东莞做网站的公司有哪些 组建网站 浦东分局网络安全保卫 佛山新网站制作平台 贵港网站建设 营销的好处 做网络营销 网络品牌整合营销策划 信息安全口令 深圳视频营销推广 网站 制作公司 最好的营销 长安网站设计 天融信网络安全 三门峡网站建设 北京网站建设开发 四川互联网营销 网站策划厂 im 营销 营销企划 当前的问答营销平台 信息安全等级保护安全建设专业技术人员证书 中国网络信息安全展 网站精品案例 网络安全服务机构有 做网络营销 宜昌做网站 成都有信息安全 常州网站推广 网站建设和网站开发的区别网络安全方面国内外研究成果 互联网营销骗局 信息安全 加强 协调 icp信息安全评测报告 网络营销工具及方法有哪些内容 长安网站设计 信息安全口令 最新网络营销手段 css 2017 网络安全 国外网络安全厂商 组建网站 和包营销活动方案公安部网络安全保卫局网站 海外网络营销做什么的 网络安全做什么