【[Bootstrap]全局样式（三）】的更多相关文章

bootstrap 全局样式设置

HTML <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>全局样式</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/boo…

[Bootstrap]全局样式（三）

表格 1.基本类  .table  {width/margin-bottom/}  {padding/border-top} e.g.:<table class="table"> <tr><th>表头</th></tr> <tr><td>内容</td></tr> </table> 2.条纹表格  .table-striped  {nth-of-type(odd):ba…

bootstrap全局样式二

加form-grope是为了以后更好的管理,一组form写一个form-grope 显示如下: 并排显示的话,给用户名前面再加一个div,再加horizontal,如下,并且加上control-label,更好的居中显示: 显示如下: 禁用: 大一些的 显示如下: 正常的: 显示如下: 小一些的: 显示如下: 按钮.图片: 如果不加btn,直接写,btn-default,那么样式不会起作用: 显示: btn写的样式: 预定义样式: btn的样式写法: btn-default写法: btn-lg写…

bootstrap全局样式

内联子标题: 显示如下: 主体副本: 显示如下: 对齐类: 显示如下: 强调类: 显示如下: 缩略语: 地址: 表格: 加一个class:“table-striped” js里面的奇数偶数行(odd) 显示如下: table-bordered:显示: table-hover:看清写法,hover时候直接改变tr颜色,你也可以精确到td 修改bootstrap.min.css先找到要改的样式 按 ctrl+F 寻找然后修改 紧凑的表格:改变了padding值…

[Bootstrap]全局样式（五）

辅助样式 1.情景文本色  .text-muted  .text-primary  .text-success  .text-info  .text-warning  .text-danger  {color} 2.情景背景色  .bg-primary  .bg-success  .bg-info  .bg-warning  .bg-danger  {color/background-color} 3.关闭按钮  .close  ×  {padding/cursor/background/bor…

[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-…

[Bootstrap]全局样式（二）

具体排版 1.标题和标题类 <h1> ~<h6>和.h1~h6|副标题<small>和.small font-size                    margin-top                margin-bottom h1         36px                          20px                          10px h2         30px                          2…

[Bootstrap]全局样式（一）

页面必须设置为html5文档类型 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 适应移动设备 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 排版/链接 scaf…

bootstrap 全局样式

reset.css html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin:; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canv…

bootstrap全局CSS样式学习

参考http://v3.bootcss.com/css/,根据自己的记忆进行的复述,加深记忆. 首先介绍bootstrap全局CSS样式 只通过使用bootstrap.css,即可获得统一的样式设置.在使用全局bootstrap的样式时,只需=设置每个元素的class属性值即可. 同意基础样式,防止不同浏览器的样式不同,使用了Normalize.css. bootstrap需要为页面内容和栅格系统包裹一个 在一个容器中.共有两个有此作用的class .container 类用于固定宽度并支持响应…