[Bootstrap]全局样式（四）

按钮

1、基本类.btn

{display/padding/margin-bottom/font-size/border-radius/border}

作用于< a:role:button > <button> <input:button> <input:submit>

2、预定义样式.btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link {color/background-color/border-color}

3、尺寸 .btn-lg .btn-md .btn-sm .btn-xs {padding/font-size/line-height/border-radius} .btn-block {display/width}

4、激活状态 .active {background-color/border-color/box-shadow}

5、禁用状态 disabled属性/.disabled {cursor/opcity}

图片

1、响应式 .img-responsive {max-width/height/display}

2、居中 .center-block {display/margin-left/margin-right}

3、形状 .img-rounded .img-circle {border-radius} .img-thumbnail {display/padding/background/border/border-radius}

转载于:https://www.cnblogs.com/bsj2016/p/5416398.html

[Bootstrap]全局样式（四）相关推荐

Bootstrap全局css样式的使用
教程目录 0x00 教程内容 0x01 准备环境 1. 新建HTML文件 2. 用浏览器打开 0x02 Bootstrap全局样式的使用 1. 引入Bootstrap样式资源 2. 修改css样式 3 ...
bootstrap 全局 CSS 样式
http://v3.bootcss.com/css/#less-mixins-utility 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践 ...
Bootstrap全局CSS样式之表单
.form-control--将单独的表单控件赋予一些全局样式,如默认宽度width:100%. .form-group--包裹表单控件,获得最好的排列: .form-inline--将表单设置为内联 ...
Bootstrap全局CSS样式之表格
.table--基础表格样式. .table-striped--给<tbody>之内的每一行添加斑马条纹样式: .table-bordered--为表格添加边框: .table-hover ...
Bootstrap框架使用（安装，全局样式，组件，插件）
简介中文官网:www.bootcss.com 1.响应式框架 2.HTML5文档类型 3.移动设备优先:必须设置viewport Bootstrap框架使用 BT使用安装 1.安装:1.下载引入:生 ...
BootStrap_01之全局样式
1.响应式网页: ①Responsive Web Page:一个可以根据浏览设备的不同,而自动更改布局.图片.文字效果的网页: ②构成:不能固定宽度,必须流式布局:文字和图片大小随容器大小而改变: ...
bootstrap学习（四）表格
bootstrap学习(四)表格基础样式: 自适应沾满浏览器 <table class="table"><tr><th>序号</th&g ...
bootstrap学习（四）输入框、导航
bootstrap学习(四)输入框.导航输入框组: 基本用法: //form-control 占满 //input-group:输入框组 //input-group-addon:输入框前加入一个前缀 ...
Bootstrap3 全局样式
Bootstrap 3 的目标是简洁.直观.强悍的前端开发框架,让 Web 开发变得更好.更快.更强壮,我们有必要先了解一下 Bootstrap 底层结构的关键部分. HTML5文档类型 Bootst ...

[Bootstrap]全局样式（四）

[Bootstrap]全局样式（四）相关推荐

最新文章

热门文章