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
顺德建网站的公司专业网站建设医院 预约挂号 网络安全网站设计样式网站设计样式网络安全资质 公安部营销宏观环境分析因素分析网络营销策划教案微网页营销o2o营销-上海单仁信息移动科技有限公司搜索引擎营销搜索引擎营销技术论坛网瘾少年林徉魂穿大武朝,凭借着网上冲浪的经历纵横武朝! 造纸?我会古法造纸; 赶海?这个季节的沙滩有很多花旦蟹; 行医?脸上出现蜘蛛斑,一抹无痕。 …… 第一次写小说,不知道说什么好,我就不说了天地棋盘,众生作子,只为逃离这一世的囚笼。[拔刀术。] [你手中的长刀有一米四的长度,十二点钟方向位,一米五的距离,一名法师角色正要对你发起攻击,请问你要如何在三秒钟拔出长刀,并将长刀架在敌人的脖子上?是否要抽刀进攻?] 景若如皱着眉仔细想了想,随后在答案上写道: “首先不能抽刀。刀鞘的摩擦会使拔刀的速度变慢。” “解:首先,左手现将刀鞘下压,右手以倾斜的角度握住刀把,再使大拇指对刀柄施加‘力’,右手握住刀把下拉,借助自己手上所施加的力与刀鞘口对着下方的力,长刀会快速出鞘。这里以普通人的速度大概是两秒左右。” “接着,将刚出鞘的长刀旋转,画出一个半圆,就能完美抵到那名法师的脖颈上。这个动作最多一秒。” 写完,景若如有些感叹,“这道题算得上是有些难度。” 看向下一题。 [伤口考验。] [如果你的长刀刺进了敌人的身体,但无法破防,你下一步最准确的做法应该是什么才能使敌人最大程度的受伤?] 景若如双眼一亮,送分题。修仙难,一看天赋,二看机缘,三看身家。 王耀穿越而来,却成为一介天赋全无的边远村民。 且看王耀如何以妖入道,踏上仙徒,巧妙周旋,化险为夷。 凭借一腔热血,二世为人,成就三界功绩,四世威名!前世,没有什么名气的考古学家陈烨,突然被从天而降的棺材板砸死,意外穿越到一个以御兽为主的异世界 就在陈烨幻想自己的灵兽是美丽可爱的兽耳娘还是威武霸气的神兽时,苟系统却给他泼了盆冷水。 我的兔女郎呢? 这个浑身肌肉的兄贵兔是怎么回事啊喂! 紧接着,他越发觉得自己的灵兽好像都有什么大病。 …… 多年之后 世界各地大佬频频传出名言 全球最大邪恶势力boss:谁要和陈烨开战,那他的脑子一定是有问题! 前代御兽王更是直接否认三连:我不是,我没有,别瞎说,他才是御兽王! 来自魇渊的魔鬼之主哭着说道:他简直就是魔鬼的化身!你知道三个逼兜对我造成的心理伤害有多大吗? 本文没有系统,没有穿越,没有金手指 其他爽文有的,我们的主角都没有 但他拥有一个神豪老爸,出生即是巅峰 母亲是京都第一美人,父亲是全球第一富 三个姐姐全是美女,两个哥哥也全是帅哥 作为全家最小的孩子,从小就被被所有人宠上天 不光家庭好,天赋也好,别人两个月学会,而我只需要一个月 我的名字叫叶京,我也想低调,但是实力不允许啊! 本文是以第一人称方式带入的爽文 文章纯属虚构,请勿轻易模仿!【架空玄幻+双男主但非纯爱+小白文+剧情拖文笔烂(摆手)】 异世大陆魔神对峙,人族亲神,虔诚祈祷着自己的未来,妖族不羁,态度中立,自诩逆天而行,精灵诞生于光明,近似天使,不屑与异族为伍。三族维持着表面和谐,多年的通商通婚让本来手无缚鸡之力的人族出现了异能者,称为“原力师”,万里挑一受人敬仰,唯独精神系原力师被认为参与了魔族对神族的侵袭。 接着,天谕毫无征兆地下达,精神系原力师必受磨难,一生无为。似乎已命运定夺,那便逆天改命。 背负着仇恨的少年踏上行程,却深陷阴谋,所幸一路上友人携手同行,爱人相伴不离。只待尘埃落定,千秋迭梦,封神化传奇一场惊世浩劫袭击了蔚蓝的蓝星,一场奇异的宇宙辐射风暴袭击了地球,让地球上的生灵发生了不可名状的变化,短短数年地球百分之五十的生灵遭到了毁灭性打击,在灾变的浪潮之中,无论是人还是动物、植物都不得幸免,皆因辐射重组DNA,让生物体发生了巨大的变异,幸存科学家们将灾变的生物称为“灾厄异种”,将这一场浩劫称为“灾厄狂潮”。拥有【满级肉身】的苏叶,穿越异界,成为显魔宗疯魔院的杂役弟子! 被女魔头吊着打,获得天魔神掌。 被老魔头拿头撞,获得种魔大法。 被小魔头当沙包,获得霸王神斩。 …… 在疯魔院当杂役这些年。 有郁郁寡欢的师妹,来疯魔院供奉魔头,经苏叶指点,修成九世女帝! 有身世卑微的凡人,来疯魔院供奉魔头,经苏叶调教,成为天下共尊的魔皇! 有朝廷弃徒的皇子,来疯魔院供奉魔头,经苏叶点拨,成为横扫大陆的一代帝王! * 六十年后,魔道天榜揭示,排序魔道强者,苏叶独占鳌头! 榜单备注——神魔共主! ……
中山营销外包 宁波网上营销网 网络安全后立法时代 宁波网上营销网 网站建站前期准备工作 常州网站推广 上海高端建站网站 宁德网站建设 第三方营销平台的发展 网络安全测评与评估 莫名其妙感伤的心理调适【www.richdady.cn】 财运不佳的财富规划咨询【www.richdady.cn】 存不住钱的原因分析咨询【www.richdady.cn】 婴灵对家庭的影响【www.richdady.cn】 忧郁症的环境影响咨询【www.richdady.cn】 孩子不爱读书的阅读计划【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主的干扰解决方法【企鹅383550880】√转ihbwel 亲子关系改善建议咨询【企鹅383550880】√转ihbwel 老公家暴的心理调适【微:qq383550880 】√转ihbwel 外灵的驱除方法【σσЗ8З55О88О√转ihbwel 事业不顺的原因分析咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 耳鸣的原因分析咨询【σσЗ8З55О88О√转ihbwel 与女友前世的前世修行咨询【企鹅383550880】√转ihbwel 前世因果咨询咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 冤亲债主的干扰解决方法威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 如何解决事业不顺的问题?【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 前世缘份的奇妙重逢咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 自闭症的症状与诊断咨询【σσЗ8З55О88О√转ihbwel 升迁障碍的职场瓶颈如何突破?咨询【企鹅383550880】√转ihbwel 人际关系不好咨询【Q⒊⒏⒊⒌⒌O⒏⒏O】√转ihbwel 网络安全应急响应机制 海尔网上营销案例分析 网络安全 逆向 信息安全有哪些应用 网络安全技术视频教程 成都网站设计制作价格 上海信息安全服务资质咨询,-1 大学营销部 信息安全等级 威胁 哪里的sem整合营销 机关信息安全服务主要有 网络安全的语句 gartner 信息安全2015,-1 网络营销新媒体技巧 信息安全等级最高级别 网站设计样式 网站构建 网站建站前期准备工作 国家信息安全规定 信息安全等级 威胁 速升网站 昆明网站优化 饥饿营销现状 中国信息安全认证中心颁发的一级风险评估服务资质证书 名单 经信息安全等级备案 毕马威 网络安全法 南京seo营销 做网站推广 上海信息安全服务资质咨询,-1 软件信息安全吗 郑州网站建设 公安部信息安全电视会议 国家信息安全规定 网络安全应急响应机制 上海高端网站开发公司 信息安全等级保护技术 福州网站制作公司 网络安全 逆向 医院 预约挂号 网络安全 饥饿营销现状 做网站推广 网络安全技术新方向 上海信息安全服务资质咨询,-1 微信营销培训总结 网络安全 逆向 浙江网络安全论坛 网络安全管理的意见 网络营销策划教案 重庆营销策划 顺德建网站的公司 matlab信息安全 全国信息安全大赛 网络安全审计设备品牌 分析公众平台营销策略 网络安全资质 公安部 新浪微博精准营销王 昆明网站优化 网络安全零基础 产品网络整合营销方案 昌平网站设计 上海集团网站制作 微网站建设包括哪些内容 产品网络整合营销方案 网站布局f 网站布局f 南京seo营销 机关信息安全服务主要有 网络安全 科技发展 网络安全监督管理 网络安全后立法时代 创新的手机网站建设 国家信息网络安全网络组织 信息安全在线实验室 广州信息安全 国家信息安全规定 信息安全培训报告 首届通信网络安全管理员 网络安全测评与评估 微网站建设包括哪些内容 有了域名 网站建设 网络安全事件发现与关联分析系统网站制作帐户设置 网络安全技术视频教程 b2c网站建设 信息安全有关的专业吗 腾讯公司网络安全 中国网络安全平台 甘肃网站建设网络营销工资 西安网站建设公司 网络营销工程师培训 是网络营销的劣势 做网站推广 网络安全系统运维内容建功能网站 重庆綦江网站制作公司推荐 中国信息安全认证中心颁发的一级风险评估服务资质证书 名单 网络安全技术指标 信息安全 pdca 免费个人网站 河北省信息安全协会 重庆营销策划 matlab信息安全 公安部信息安全电视会议 信息安全 cissp 浙江网络安全论坛 网站建设公司是什么 网络营销竞争大吗长春网站建设公司 饥饿营销现状 海尔网上营销案例分析 网络营销信息传播过程 网络安全的语句 软件信息安全认证证书 中国信息安全认证中心颁发的一级风险评估服务资质证书 名单 软件信息安全吗 信息安全认证包括哪些 医药企业网站设计制作 网站布局f 网络安全技术视频教程 网站构建 腾讯公司网络安全 自助做网站 宝洁网络营销现状 成都网站设计制作价格 番禺网站建设专家 信息安全在线实验室 中国最强信息安全专家 关于手机网络安全的 怎么提高网络安全意识 上海网络安全代理 大学营销部 全国信息安全大赛 网站布局f 经信息安全等级备案 信息安全在线实验室 网站的目录结构 信息安全等级 威胁 网络安全测评与评估