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
企业的网络营销案例奥巴马营销网络营销人性化珠海专业网站建设价格网络安全的主管部门信誉好的龙岗网站设计大型企业 网络安全网站被黑web网络安全工具网站后台开发“很久以前,在兴远府景东郡徐家出了一个奇女子,她被誉为不世出得奇女子,然后......” “奶奶,那个奇女子该不会是你吧?”小女孩打断到。 “胡说,我怎么会自己吹嘘自己呢!” “切,你明明经常这样。” 小女孩撇了撇嘴,嘴里嘀咕着:“我都听了好多个版本的开头了,后面反正都会变成什么学院争雄,中州争霸,扫奸邪,荡妖族,一己之力拯救全世界,都是骗人的。” “哪有什么奇女子,这只不过是景东郡徐家女儿临死前的一个梦罢了。”小女孩如是说道。 “当真如梦一场啊。”那个声音叹息道。 一个大学生,一个热门游戏,一次偶然的机会,大学生穿越到了游戏里的世界,在这个熟悉又陌生的游戏世界里,他凭借着自己的智慧,一步一步的变强。而在一步一步的前进路上,却发现原来游戏的背后,竟然隐藏着一个惊天大秘密,而这个秘密跟某个神秘组织有关,是孤芳自赏还是挑战命运呢,男主角和他的伙伴们该何去何从,敬请期待。 风云起变,万物乔迁。所谓和平,不过是用战争与鲜血换回来的。没有永恒的宁静,也没有永恒的存在。一生只为一个自由而战斗!战歌与鲜血,是历史发展的唯一途径。为何而战?为谁而战?或许最终的答案是尊严与荣耀。自从踏上那一条路,就不要回头,直到登上巅峰!彗星掠过 陨石坠落,丧尸横行。 …… 浩劫已至,人性、救赎、正义、挣扎,新的秩序即将建立。 遥望深空,所有的未解之谜即将解开。 你。 熟悉的那片天空,还是原来的那片天空吗? ……穿越平行世界,一场车祸让楚天昏迷三年。 醒来时,前女友已成为超级巨星,并即将嫁入豪门。 楚天:我为你们的婚礼献唱一首《嘉宾》。 瞬间红遍大街小巷。 一首《漠河舞厅》,让所有人感动。 一首《消愁》,道尽了人间冷暖。 再一首《平凡之路》,引发歌坛地震。 官媒:楚天是所有年轻人的榜样! 时代杂志:他的才华征服世界! 实在太无聊了,把身边的人都打造成明星吧。 资源? 我就是娱乐圈最大的资源! 天若有情天亦老,月如无恨月长圆。 自太古以来,关于长生不老的传说,世间流传下很多。 且看一平凡少年如何踏上这修仙问道匿长生之路。 刘骁穿越到三国,获得无数能让人成仙的精魂。 原以为可以在三国活的逍遥自在,却发现居然很多人都有。 刘骁很淡定,因为他能吞噬精魂。 可是很快他就发现,自己竟然有统一三国的趋势。 诸葛亮的八卦阵变成战舰,司马懿能撒豆成兵。 庞统能呼风唤雨,鲁肃能点石成金,华佗长了一双透视眼。 最恐怖的是司马昭,竟然能听见别人的心声。 刘骁赶紧逢人便解释:“我真的没想统一三国啊!”一对联手的生死兄弟冤家,在生与死的热血中能否问鼎命道法医巅峰? 李明清:你这凭体力握住的手法有点贱啊,秦天就你这手段我都不屑看! 秦天:我知道你不就是在高科技这把剑中比我厉害那么点吗,有什么大惊小怪的。 李昌钰: 你俩给我罚站去,每次看你俩除了是我最得意的学生外就是这点,两个小时内不许动,哼! 在一块充满了灵气的土地上,一位少年开始新的传说弓背霞明剑照霜,秋风走马出咸阳。胆气豪纵斥八荒,逆旅平明夜流殇。 生命的意义,就是存在,为了存在,有时甚至可以放弃生命。人生可以选择放弃,但绝不能放弃选择,这是每一个生命所应拥有的权利,这,就是天道。
网络安全的目标有哪些 乌鲁木齐网站制作 王军教授信息安全 企业的网络营销案例 网络营销人性化 公司网络安全重大事件 账号的克隆 网络安全 网络营销涉及哪些方面 sem搜索引擎营销是什么 国家信息安全中心举报,-1 亲子关系的情感交流方法有哪些?咨询【www.richdady.cn】 为什么过世的前世修行咨询【www.richdady.cn】 财运不佳的投资建议咨询【www.richdady.cn】 家庭关系的和谐共建咨询【www.richdady.cn】 家庭关系【www.richdady.cn】 外灵对人的影响咨询【企鹅383550880】√转ihbwel “缺心眼”对人际交往的影响咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世今生的咨询方式咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 外灵干扰对日常生活的影响威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 亲子关系的改运方法咨询【企鹅383550880】√转ihbwel 孩子厌学的解决方法【微:qq383550880 】√转ihbwel 事业不顺【www.richdady.cn】√转ihbwel 纠纷的前世因果咨询【σσЗ8З55О88О√转ihbwel 有官司的心理调适咨询【www.richdady.cn】√转ihbwel 前世今生相关咨询【企鹅383550880】√转ihbwel 如何克服“缺心眼”的问题咨询【微:qq383550880 】√转ihbwel 如何避免无形干扰因素【企鹅383550880】√转ihbwel 亲子关系的改运方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 家宅磁场威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世记忆恢复技巧威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 网络营销的分销渠道网络安全的防范方法 哈尔滨网站设计公司 物流行业网站建设方案 网络安全最基本技术是 奥巴马营销 公安部信息安全等级保护中心张伟小企业网站免费建设 网络安全攻防 信息安全咨询服务厂商 网络安全的主管部门 信息安全自学网 奥巴马营销 佛山h5网站公司 网络安全 ips 浙江网站建设企业 广东信息安全评测中心 信息安全等级保护攻略 网站建设模式有哪些 长沙微网站电话号码 对网络安全有何感想 利用密码技术可以实现网络安全所要求的 网络安全公网接入 信息安全方案 网络安全攻防 信息安全咨询服务厂商 网络安全的主管部门 信息安全自学网 奥巴马营销 佛山h5网站公司 网络安全 ips 浙江网站建设企业 国内f型网页布局的网站 网络安全法 口令更换 企业网站制作 茂名网站设计 北京网站页面设计 信息安全建设依据 西安网络安全监察支队 西安网站制作公司 厦门网站seo优化 陌陌营销 网站转微信小程序开发 东莞网站建设培训 网络安全攻防 网络营销涉及哪些方面 上海信息安全监测中心 网络信息安全通知 移动应用营销 哈尔滨网站开发 国家信息安全中心举报,-1 传统网站和手机网站的区别是什么 成都信息安全企业 二级域名网站权重 长沙手机网站开发 移动端网络安全 网络安全公网接入 盈利网站 app 网络安全 证书 哈尔滨网站设计公司 网络营销人性化 成都营销型官网石家庄网站建设找哪家 长沙微网站电话号码 黑客攻击和网络安全的关系 信息安全等保建设资质,-1 网络安全 历史 信息安全认证培训 物流行业网站建设方案 公司网络安全重大事件 网络安全改造 晋城做网站 网络安全最基本技术是 信息安全建设依据 浙江网站建设企业 信息安全大赛比什么 湖北警官学院 信息安全 网站点击率 简述网络营销特点是什么 北京网站制作 王军教授信息安全 营销实践的基础是 解决大学生网络安全 合肥网络营销 奥巴马营销 成都电子网络安全管理公司 常用的信息安全防护方式是 关于共建网络安全的文章 信息安全大赛比什么 深圳商城网站设计 it服务质量与信息安全 企业的网络营销案例 北京网站设计公司 移动端网络安全 信息安全方案 国际网络安全保护联盟 公司网络安全重大事件 北京网站设计公司 信息安全一级学科 网络信息安全通知 网站建设现状分析 信息安全一级学科 微网站教程 北京高端网站建设 电子商务网上营销平台 杭州网站排名 长沙微网站电话号码 广州微网站建设效果 营销型平台网站 天津网络营销 网络营销整合性 sem营销是什么意思 网络安全预警平台 红色网站建设 大型企业 网络安全 国家网络安全防御 晋城做网站 网络安全的主管部门 武汉网站设计公司排名 赣州网站推广 广州微网站建设效果 番禺网站建设专家 乌鲁木齐网站制作 网络安全测评备案 网络安全与中国方案设计 网络与信息安全方向 培养计划 网站呢建设 陌陌营销 信息安全发展历程 西安做网站的 营销调研的方法有哪些 简述网络营销特点是什么 电力信息系统信息安全检查规范 网络营销的策略 上海 网络安全公司 信息安全等保建设资质,-1 手机网站开发技术 网络安全举报电话