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公安信息网络安全工作网站进度表智能营销系统正规么第六届全国网络安全等级保护技术大会网信部门和有关部门获取的网络安全保护信息网站线框图工业品营销策划公司 九州大陆,万国争霸! 穿越大秦,成为公子赢昊! 开局发配凉州,遭遇匈奴劫杀,觉醒无双大帝系统! 签到千人战场,获得七星战将华雄效忠! 签到万人战场,获得八星上将赵云效忠! 签到十万战场,获得九星大将吕布效忠! 签到百万战场,获得十星神将项羽效忠! …… 且看公子赢昊,如何征战天下,成就无双大帝! 洪武十二年,大明初创。 蒙元余孽依旧在虎视眈眈,逐渐走出黑暗中世纪的西方也开始文艺复兴。 就在这个古老民族即将被世界抛弃的关键节点。 一个穿越的灵魂降临大明,附身到了一个十五岁的少年身上。 “有一人。 他文可订币制,育良种,办大学,开科学为天下先! 武可发明蒸汽机,造枪炮,扬帆七海,让凶残的草原蛮子为朕歌舞助兴!” “他,就是我朱元璋的孙子,朱肇辉!”以同名漫画《大理寺日志》改编,添加了一个自设加入(且体可查看“附录”)作者初心是希望在加入自己自设人物的后时写一份精彩的《大理寺日志:文字版》希望大家多多支持! 附录:(其他人物皆出于原创,在此只介绍自己加入的角色了) 姓名:郑珏 身世:唐代五门望族“荥阳郑氏”的小女儿 身高:156 年龄:离家时年仅十三岁 武器:匕首 其他信息会在文中介绍,在此不便多说,望各位原谅论剑道,他已剑意凝魂;论天资,他解人魔不和之体;论实力,他一人一剑一法一道杀尽世间之敌; 人魔共体的他被人魔所弃,魔族高贵的魔族公主,桀骜的人族太子,他又将何去何从……当一个文明到了最后阶段会发生什么?死亡还是重生,要战争还是要和平。从银河中心的搜寻者带来的究竟是一个开端还是一个结束。子文明又如何尽快赶上对弈敌人的风口。“观察者先生,我们两个世界的发展,多谢有您”(这本书我尽量在讲主线的同时,会把基本和重要信息交代下,避免人物形象和情节不够完整)我奉劝各位不要沉迷游戏,游戏不仅浪费时间和金钱而且影响正常的学习、生活和健康... 什么! 居然有人敢攻击我天华城? NND! 好了,不废话了,老子要去砍死那帮NPC。 .... 处于修炼世界最底层的李成双因为一个梦激活了天灾召唤系统,能从蓝星召唤名为“玩家”的生物。 从此,这个世界的画风变了。 低级城主:你说天华城那大鸟比我还快? 中级城主:你说天华城那胳膊粗的玩意儿堪比我全力一击? 高级城主:你说高级魔兽被天华城堵在门口杀? ....诸天气荡荡,我道日兴隆! 楚风穿越到神秘莫测的世界,悲催的发现自己是个瞎子... 外加没有修炼天赋,只能前往蜀山剑宗的封魔塔,擦拭雕像,却不曾想得到了观像就能得到奖励的系统。 【你成功观像蜀山老祖,获得通天圣体!】 【你成功观像蜀山掌教胜七,获得功法,霸天剑典!】 【你成功观像蜀山长老叶玄,获得顶级道法,一剑定生死!】 …… 三百年后,堕落的正道之首乱天宗,联合曾经毒瞎楚风双眸的拜月神教进攻蜀山剑宗,蜀山剑宗危在旦夕! 楚风持剑,脚踩祥云,俯视妖邪,俾睨天下! “仙人之下,我无敌!” “仙人之上,一换一!”主角林凡意外的从现代穿越到神魔大陆修仙世界,由于这个世界的修仙者实力都比较弱小,导致整个世界几乎差点被魔皇控制掉,可就在那时候,有几位比较厉害的修仙者去攻打魔皇,最终签订了和平协议,但是直到那几位修仙者飞升之后,魔皇不遵守条约继续攻打修仙者。 而林凡则是在这个世界上撩起了妹,组成了这个世界上最强的战队,带领他们攻打魔皇。天道亦无常,人心更反复,世间三千疾,最苦是抉择。一个被命运驱使的少年自深山中走出,就此入世…风起云涌,仙道争锋,天意无常,人心不古…历经千难万险,又该作何选择?愿只随本心,纵错也无怨! 修道无始终,何以为巅峰… 偏拗执念深,百炼不为仙… 天意虽相悖,吾只随吾心… 万劫纵不复,无怨亦无悔…误入修仙世界,只想苟活于世,却不想误入阴谋之中。 推进前路的,不仅仅是幕后黑手…… 还有隐藏的,深处的未知
营销网站建设 信息安全大学排名2016 实用网络营销教程 网站线框图工业品营销策划公司 实用网络营销教程 信息安全测评收费标准 做网站的软件 日照网站建设 中山移动网站建设报价 国家网络与信息安全管理中心官网 自闭症的症状与诊断咨询【www.richdady.cn】 冤亲债主干扰的根源是什么?咨询【www.richdady.cn】 什么原因意外的前世缘分咨询【www.richdady.cn】 有官司的原因分析【www.richdady.cn】 亲子关系的教育理念有哪些?咨询【www.richdady.cn】 亲子关系咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 人际关系不好对工作的影响【企鹅383550880】√转ihbwel 孩子压力大的解决方法【企鹅383550880】√转ihbwel 意外的前世因果咨询【www.richdady.cn】√转ihbwel 维护良好家庭关系的秘诀有哪些?【www.richdady.cn】√转ihbwel 家宅磁场【www.richdady.cn】√转ihbwel 灵魂化解的步骤【微:qq383550880 】√转ihbwel 如何知道自己是否有前世缘份?咨询【σσЗ8З55О88О√转ihbwel 外灵的种类【微:qq383550880 】√转ihbwel 婚姻生活不顺的解决方法咨询【www.richdady.cn】√转ihbwel 官司的法律咨询威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 化解咨询【www.richdady.cn】√转ihbwel 学习成绩差的解决方法咨询【σσЗ8З55О88О√转ihbwel 意外的心理调适咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 无形干扰的解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 金融信息安全法规普集网站制作 万网站建设 个人网站建设 免费 dw做网站搜索引擎营销效果评估 网络安全监测云平台 6.2信息安全 信息安全类认证 实用网络营销教程 网络营销计划 网络营销对应岗位 网络安全公司 获客 龙岗网站设计机构 学网络营销的好处 360杯全国大学生信息安全技术大赛 信息安全类认证 软文营销的推广技巧 网络营销 工作室 电子商务网站模板 网络信息安全政策 旅游网站策划书 网站线框图工业品营销策划公司 信息安全技术的销售怎么样 网络营销职业领域 广西网站建设公司 济南营销型网站建设 网络与信息安全法 智能营销系统正规么 6.2信息安全 建网站哪家好新闻 台州做网站的公司 短信营销渠道 新的网络信息安全法 济南网站设计建设公司 京东 网络安全 网站推广教程 信息安全技术的销售怎么样 网站颜色搭配网站 企业网站制作设计 公司网站域名是什么 卫浴网络营销策划案 沈阳公司网站建设 作品网站 智能营销系统正规么 营销培训学校 - 百度 网络与信息安全法 互联网信息安全解决方案当中完善互联网信息安全的法律制度去的方法有 网络安全模拟实验 网络信息安全演讲稿 大连网站制作.net 网络安全案例 ppt 如何用自己的电脑建网站 浙江省网络安全办公室 网络营销的作用价值 移动营销的优势劣势 杭州网络安全研究院 网站推广教程 360杯全国大学生信息安全技术大赛 网络安全监测云平台 无线网络安全性密码 信息安全师考试科目 linux 网络安全防护 网络信息安全演讲稿 网络技术网站 宁夏网站设计 seo网站系统 网站特点 信息安全二级等级保护,-1 饥饿营销英文解释 网络营销学习资讯 seo网站系统 营销型页面 营销培训学校 - 百度 全国信息安全等级保护技术大会,-1 营销型页面 信息安全大学排名2016 网信部门和有关部门获取的网络安全保护信息 高端网站设计建设 手机做网站 实用网络营销教程 上海高端品牌网站建设 国家网络与信息安全管理中心官网 网站策划案 网络安全软件应用有哪些 全国信息安全等级保护技术大会,-1 网络安全字体 国家网络与信息安全管理中心官网 建手机网站 网络安全服务上岗 dw做网站搜索引擎营销效果评估 建手机网站 上海高端品牌网站建设 四川冠辰网站建设 营销型页面 信息安全技术的销售怎么样 2016年 网络安全规划方案 信息安全测评收费标准 全国网络安全大检查 智能营销系统正规么 建网站哪家好新闻 重庆璧山网站制作公司哪家专业 大连网站制作.net 北京的网络安全公司排名 卫浴网络营销策划案 网络安全商业模式 网络营销有哪些劣势 网络营销对应岗位 网络信息安全学什么,-1 南昌网站定制 中国信息安全漏洞报表 营销策划部 国家网络与信息安全管理中心官网 全国信息安全等级保护技术大会,-1 网络安全商业模式 无线网络安全性密码 电子商务网站模板 网络安全服务上岗 seo网站系统 网站进度表 网站推广教程 龙岗网站设计机构 网络营销学习资讯 dw做网站搜索引擎营销效果评估 网站线框图工业品营销策划公司 网站数据包括哪些内容 信息安全制度框架 卫浴网络营销策划案 营销培训学校 - 百度 dw做网站搜索引擎营销效果评估 杭州网络安全研究院 企业网站制作设计 重庆璧山网站制作公司哪家专业 游戏营销环境分析报告 国家网络与信息安全管理中心官网 信息安全类认证 网络安全发的基本