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
营销型企业网站策划方案海淀重庆网站建设宝鸡网站建设网站建设报价书网络安全中强力攻击推广 营销 论坛2014用户信息安全,-1北京高端网站制作信息安全二级认证费用,-1美国 信息安全人才没有命运,仅有人铺垫出之坎坷道途 没有净土,仅有人开凿出之世外桃园 - 一把王者圣剑,为黑夜带来光明 一个不屈英魂,为世间燃点希望 - 觉醒灵魂,少年鏖战神魔; 暗云涌动,泛起灭世争端! - 光暗冲突,大战一触即发; 人神决战,再写创世诗篇! 滚滚六道两茫茫 不知何处是家乡 身分血尽魂未灭 魔神归来无良绝 天地未分之初称为鸿蒙虚无(或混沌),鸿蒙之气便是唯一。不知多久孕育三灵,其一为女娲、其一为鸿钧、其一为问生。再不知多久孕育出一山名曰不周,又不知多久鸿蒙之中天地初成、上圆下方、飘忽不定。三灵以不周为基托天地于其上,以四维之力蕴养不周。此后三灵便居于初成天地之中。 许久以后天地之中孕育一灵曰盘古,盘古托天踏地天地初分。至此后天地孕育万灵,女娲以土造人为人族之始祖,后古神大战引四维不稳不周受损上天崩裂,女娲又补天救天地间生灵。 又许久人族出现纷争战乱不断,使四维不稳加重不周无养天地晃动,鸿钧教化人族、女娲安抚万灵,问生以本命神元修复四维使不周永固天地永存。天有六冠:九天、海龙、风灵、樱雪、生命、炽焰! 2050年,一颗直径超过10公里的小行星落入浪漫之城玛丽安娜境内,随后,地震引发的海啸淹没了第五大陆,全球气候发生剧变,爆炸扬起的尘埃覆盖了天空,遮蔽了太阳,全球温度下降了约15摄氏度,人类陷入恐慌之中。 2051年,武器商人赫尔曼以合众国的名义进入第二大陆东北角的贫穷国家,索尼亚。 2055年,第二大陆被索尼亚统一 2059年,第四大陆,雨林之国森巴的原政府被推翻,新政府上台。 2060年,第一大陆南部国家被不明势力尽数占领。 2061年,第五大陆剩余土地上,除不列颠帝国外,全部沦陷,同年,赫尔曼发表通告,宣布建立人类复兴政府,向现存各国宣战。 同年,世界建立了北部战时联合国,东部战时联合国以及西部战时联合国,向人类复兴政府宣战。 2074年,这是世界变成地狱的13年后,也是故事的开端。 天生至尊,为人族斩妖除魔!护人族万垂不朽!江宇泽前世遭兄弟的反水,亲朋的质疑,爱人的背叛,不幸陨落。烟消道散之时,竟发现在这大千世界之中,源灵大陆只不过是一粒尘埃。万年后得以重生,挖掘新的力量,开创新的规则,以源灵大陆为基础,向未知探索!我死了,来到了阴间,在这里,无数的人们想要得到重生的机会,而我则是其中的一员,为了得到重生的机会,我参与了一场复活游戏,但我没想到的是,这场游戏残酷且血腥,看来我是走上不归路了。凡人安享平乐,世界武林却风云四起,华夏独立于诸国,东边有一修魔的大儒,西边有一黄沙中舞刀客,北边华夏公认武帝,南边有枪仙破云霞,中原剑仙向天问剑。 它国异人武者不落其后,十大神帝,九大天使王,一佛祖十八罗汉 ...............人间难有清醒客,你我都是世俗人。在不断成长的过程中,观遍世界奇事,尝尽人生苦甜,才发现自己只是你的一枚棋子,可是这又有什么关系呢,你天生就该是这世界的主角,我会变强一直陪着你……“什么?原来我是恶魔?” 十六岁那天,‘穿越者’阎墨终于等来了属于自己的灿烂。 ------------------------------ ‘普通人类’加入恶魔学园学习成为恶魔的故事,大概会涉及入间同学入魔了,家庭教师,猎人。 星际联邦面临内忧外患,人类文明危在旦夕,随着超级战士天羽的觉醒,宇宙又迎来了和平的曙光
网络安全性评估周期 网站 排版模板 企业网站建设定制 营销策划类公众号 互联网营销的好处坏处 乐清网站优化推广 如何攻破网络安全审计监控系统 杭州 网络安全公司 网站建设干货 营销系统性能测试 如何避免生活中的意外咨询【www.richdady.cn】 前世今生的因果关系【www.richdady.cn】 前世今生的轮回真相咨询【www.richdady.cn】 老公家暴的心理调适【www.richdady.cn】 发育倒退的早期干预措施咨询【www.richdady.cn】 冤亲债主对生活的影响咨询【微:qq383550880 】√转ihbwel 学习成绩差的原因分析威:⒊⒏⒊⒌⒌O⒏⒏O√转ihbwel 前世缘份的前世因果咨询【微:qq383550880 】√转ihbwel 孩子学习不好的家庭教育【微:qq383550880 】√转ihbwel 心特别累的环境影响咨询【www.richdady.cn】√转ihbwel 为什么过世的前世因果咨询【www.richdady.cn】√转ihbwel 外灵干扰的案例分享【企鹅383550880】√转ihbwel 忧郁症的治疗方法咨询【σσЗ8З55О88О√转ihbwel 人际关系不好时的心理调适咨询【www.richdady.cn】√转ihbwel 意外的前世缘分咨询【www.richdady.cn】√转ihbwel 意外的前世解析咨询【σσЗ8З55О88О√转ihbwel 人际关系不好的解决方法【www.richdady.cn】√转ihbwel 心特别累的原因分析咨询【企鹅383550880】√转ihbwel 儿子抑郁症的环境影响咨询【企鹅383550880】√转ihbwel 家庭关系的自我提升【企鹅383550880】√转ihbwel 整合营销 互动营销 财务软件信息安全 网络营销专业知识 深圳市信息安全行业协会 太仓做网站 移动营销的缺点 营销与数字营销的区别 自助外贸网站制作 后期电子邮件营销评价 营销服务专家 廊坊网站建设 网信办网络安全分级 网络安全宣传目录 贸易公司自建免费网站 河北邢台wap网站建设 网络安全是国家强制吗 与信息安全等级保护有关的机关 高校信息安全和网络 营销型网站和展示型网站的区别 简述网营销的优势 电商与微营销 营销策划类公众号 网络安全性评估周期 php信息安全竞赛 营销的坏处 海淀重庆网站建设 网络安全中强力攻击 北京高端网站制作 网络与信息安全教程 EDM邮件营销 软件信息安全建设方案 美国 信息安全审查 中国信息安全的法律法规 营销型企业网站策划方案 2010年网络营销关键词 网络安全研究院 2014用户信息安全,-1 石家庄移动端网站建设网站维护公司 信息安全互联网公司 网站建设上海 网站 排版模板 旅游网站制作 广州手机网站制作咨询 大型的营销型网站建设 咨询网站设计 2016信息安全会议 移动营销的缺点 2014信息安全事件,-1 2.信息安全有哪16个威胁请解释 深圳互联网营销 电商与微营销 网络安全设备应用分析 信息安全资质分几级 河北邢台wap网站建设 屈臣氏营销 网站报价 设计君网站 后期电子邮件营销评价 网站报价 内部营销方法 建网站教学衡水建网站 浪潮集团与信息安全 企业网络联合营销案例 信息网络安全建设方案 亿玛客网络营销学院 软件信息安全建设方案 试述网络营销的劣势 华为网络安全产品 网络营销专业知识 网络安全是国家强制吗 信息安全提供商 免费婚庆网站模板 juniper 网络安全 解决方案 .ppt airbnb营销环境 速成网站 新营销策划 建云购网站 网信办网络安全分级 推广 营销 论坛 信息安全 美国 网红 网络营销 网络安全 军民融合 2016信息安全会议 营销型网站和展示型网站的区别 成都网络营销哪家好 网络安全大学生 浪潮信息安全 自助外贸网站制作 网络安全中强力攻击 医院网站建设 价格 陕西省 网络安全 网红 网络营销 贵州 跨境电商网站建设 网络安全 检测实验室 教育部信息安全研究中心 特色的佛山网站建设网络安全漏洞的概念 信息安全审核表 网络营销产品策略种类 中国信息安全的法律法规 财务软件信息安全 传统市场的营销活动方案 国家有网络安全制度吗 深圳市信息安全行业协会 网站制作多少钱资讯 中国信息安全产业联盟 移动营销的缺点 深圳公司网站改版通知 深证市信息安全等级保护网 自助外贸网站制作 中山市网络营销网络安全 请示 网络与信息安全教程 营销服务专家 高校信息安全和网络 营销的坏处 网信办网络安全分级 浪潮信息安全 营销策划去哪里学 贸易公司自建免费网站 网络安全的解决方案 考网络安全什么证书 网络安全是国家强制吗 营销与数字营销的区别 考网络安全什么证书 高校信息安全和网络 旅游网站制作 信息安全铁人三 简述网营销的优势 成都网络营销哪家好 付费营销 营销策划类公众号 网络安全 一句话总结 发信息安全吗 php信息安全竞赛 设计君网站 网络安全的紧急通知