.row 定义一行 .col 均分列数,最多一行12列.每列左右间隙各15px .col-{1到12} 定义在所有屏幕下的列宽 .col-{sm|md|lg|xl}-{1到12} 定义在指定屏幕下该列占据的列宽,sm:屏幕>=576px.md:屏幕>=720px.lg:屏幕>=960px.xl:屏幕>=1200px .offset-{1到11} 在所有屏幕下的列偏移 .offset-{sm|md|lg|xl}-{1到11} 在指定屏幕下的列偏移 代码一:在所有尺寸屏幕下,均分三列…

[文字常用标签]   <h1>.<h2>.<h3>.<h4>.<h5>.<h6> 标题类标签,h1字体最大以次类推 <small> 更小.颜色更浅的字号. <mark> 黄色背景及有一定的内边距的文本 <abbr> 简要标签, 结合title使用,示例: <abbr title="移上去显示这里的文字">Add:</abbr> <blockquote…

.alert 基类 .alert-{success.info.warning.danger.primary.secondary.light.dark} 各种类型的配色样式 .fade..show 设置提示框在关闭时的淡出和淡入效果,要求二个同时调用,示例: <div class="alert alert-success fade show"> <button class="close" data-dismiss="alert"&…

.container 居中容器类,最大宽度默认为1200px.左右间隙15px .container-fluid 全屏容器类. .jumbotron 创建一个大的灰色的圆角背景框 .jumbotron-fluid 创建全屏的没有圆角的背景框…

.rounded 图片显示圆角效果 .rounded-circle 设置椭圆形图片 .img-thumbnail 设置图片缩略图(图片有边框) .img-fluid 响应式图片 .float-right 图片右对齐 .float-left 图片左对齐…

[表格标签]   <table> 定义一个表格 <thead> 表格表头 <tbody> 表格主体内容 <tr> 行 <th> 表头列 <td> 单元格 <caption> 表格标题 [table样式]   .table 基类,以下样式均应用于<table... .table-striped 定义条纹表格,示例:<table class="table table-striped"> .…

.bg-primary 重要的背景颜色 .bg-success 执行成功背景颜色 .bg-info 信息提示背景颜色 .bg-warning 警告背景颜色 .bg-danger 危险背景颜色 .bg-secondary 副标题背景颜色 .bg-dark 深灰背景颜色 .bg-light 浅灰背景颜色…

Grid布局已经不是新鲜的技术了,但一直都是使用了Flex布局,如今需要了边学习边做些常用的笔记.首先grid和flex一样都不支持IE10以下的浏览器 基本布局: 一般是所有子元素都横向排列或者都纵向排列, 当父容器设置了grid, 其子项的 clear, float , vertical-align是无效的. (1)横向 <div class="container"> <div class="item item-1">item1</…

CSS多IE下兼容HACK写法 所有 IE浏览器适用:.ie_all .foo { ... } IE6 专用:.ie6 .foo { ... } IE7 专用:.ie7 .foo { ... } IE8 专用:.ie8 .foo { ... } CSS书写规范 属性写在一行内,属性之间.属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; } 属性的书写顺序: 针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit…

获取jQuery对象的第N个DOM元素 1.$(selector).get(N-1) 2.$(selector)[N-1] 注意:.index()方法返回的是一个数,相当于C#中的IndexOf() 获取jQuery对象的第N个元素 1.$(selector:eq(N-1)) 2.$(selector).eq(N-1) table常用css样式 border-spacing:10px; 表格里边框之间的距离.border-collapse  有三个参数可选:collapse,separate(默…