bootstrap基本css样式按钮
来源:互联网 发布:java sort排序算法 编辑:程序博客网 时间:2024/04/27 11:09
1.样式预定义<!-- Standard button --><button type="button" class="btn btn-default">Default</button><!-- Provides extra visual weight and identifies the primary action in a set of buttons --><button type="button" class="btn btn-primary">Primary</button><!-- Indicates a successful or positive action --><button type="button" class="btn btn-success">Success</button><!-- Contextual button for informational alert messages --><button type="button" class="btn btn-info">Info</button><!-- Indicates caution should be taken with this action --><button type="button" class="btn btn-warning">Warning</button><!-- Indicates a dangerous or potentially negative action --><button type="button" class="btn btn-danger">Danger</button><!-- Deemphasize a button by making it look like a link while maintaining button behavior --><button type="button" class="btn btn-link">Link</button>2.按钮尺寸<p> <button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="btn btn-default btn-lg">Large button</button></p><p> <button type="button" class="btn btn-primary">Default button</button> <button type="button" class="btn btn-default">Default button</button></p><p> <button type="button" class="btn btn-primary btn-sm">Small button</button> <button type="button" class="btn btn-default btn-sm">Small button</button></p><p> <button type="button" class="btn btn-primary btn-xs">Extra small button</button> <button type="button" class="btn btn-default btn-xs">Extra small button</button></p>3.激活状态<button type="button" class="btn btn-primary btn-lg active">Primary button</button><button type="button" class="btn btn-default btn-lg active">Button</button><a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a><a href="#" class="btn btn-default btn-lg active" role="button">Link</a>4.禁用状态<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button><button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button><a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a><a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>5.按钮分类<a class="btn btn-default" href="#" role="button">Link</a><button class="btn btn-default" type="submit">Button</button><input class="btn btn-default" type="button" value="Input"><input class="btn btn-default" type="submit" value="Submit">
0 0
- bootstrap基本css样式按钮
- bootstrap框架之基本CSS样式
- bootstrap基本css样式1 排版知识
- Bootstrap-css前端框架(二、基本样式)
- Bootstrap框架---CSS全局样式之按钮样式
- Bootstrap全局CSS样式之按钮和图片
- bootstrap——css样式(五、按钮和图片)
- Bootstrap学习总结笔记(4)-- 基本样式之按钮
- Bootstrap 样式按钮
- Bootstrap按钮样式
- bootstrap设置按钮样式
- bootstrap按钮组样式
- bootstrap基本的CSS样式 图片 响应式工具
- bootstrap 之 CSS样式
- bootstrap 之 CSS样式
- bootstrap css样式起步
- Bootstrap CSS样式
- Bootstrap学习-CSS样式
- Oracle-procedure/cursor解读
- 短时傅里叶变换原理解
- 20161105
- 顺序队列
- Android应用框架之Home程序(Launcher)
- bootstrap基本css样式按钮
- 18. 4Sum
- 2016 China CAD&CG 参会总结 -- day1
- hdu 5969 最大的位或【贪心】
- ubuntu16.04一步一步安装配置mpich
- Docker Hub简介及自动化构建镜像
- 【十九】微分动态规划
- 周六
- django的增删改查