bs5的一些属性信息

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149

Bootstrap的class属性 1，role 增强语义性，⽤于⾃定义组件，可增强组件的访问性，可⽤性和可交互性 2，⽂字 属性名 含义 font-size 字体⼤⼩ line-height ⾏⾼ font-family 默认字体 h1-h6 标题⼤⼩ Disolay 控制标题样式 small 创建字号更⼩颜⾊更浅的⽂本 mark 为黄⾊背景及有⼀定的内边距（⾼亮⽂本） abbr 显⽰在⽂本底部的⼀条虚线边框(似标记⽂本） font-weight-bold 更细⽂本 font-weight-light 控制标题样式 font-weight-normal 普通⽂本 font-italic 斜体⽂本 lead 让段落更突出 text-left 左对齐 text-center 居中 text-right 右对齐 text-justify 设定⽂本对齐,段落中超出屏幕部分⽂字⾃动换⾏ text-nowrap 超出屏幕不换⾏ text-justify ⽂本对齐，超出屏幕部分⾃动换⾏ text-nowrap 超出屏幕不换⾏ text-lowercase ⽂本⼩写 text-uppercase ⽂本⼤写 text-capitalize 单词⾸字母⼤写 3，⽂本颜⾊ 属性名 含义 text-muted 柔和⽂本（很淡的灰） text-primary 重要⽂本（蓝⾊） text-success 执⾏成功的⽂本（绿⾊） text-info 提⽰信息（很淡的蓝） text-warning 警告⽂本（黄⾊） text-danger 危险⽂本（红⾊） 属性名 含义 text-dark 深灰⾊⽂字 text-light 浅灰⾊⽂本 text-white ⽩⾊⽂本 4，背景颜⾊ 属性名 含义 bg-primary text-white 重要背景颜⾊（蓝⾊） bg-success text-white 成功背景颜⾊（绿⾊） bg-info text-white 信息提⽰背景颜⾊（青⾊） bg-warning text-white 警告背景颜⾊（黄⾊） bg-danger text-white 危险背景（红⾊） bg-dark text-white 深灰⾊ bg-light text-dark 浅灰⾊ 5，表格 属性名 含义 table 设置基础表格样式 table-striped 条纹表格 table-bordered 带边框的表格 table-hover ⿏标悬停状态表格（⿏标在哪个哪个⾼亮） table-responsive 响应式表格，当屏幕较⼩的时候会出现滚动条 注：若要设置表格颜⾊基本和设置⽂本颜⾊⼀样：eg:table-primary 6，图像形状 属性名 含义 rounded 圆⾓图⽚ rounded-circle 椭圆图⽚ img-thumbnail 缩略图（有边框） img-responsive 响应式图⽚ 7，图⽚对齐⽅式 属性名 含义 float-right 右对齐 float-left 左对齐 center-block 居中 8，导航 属性名 含义 nav 导航类 nav-item 导航项 nav-link 导航链接 9，其他 属性名 含义 sr-only 隐藏某个标签 10，媒体特性的属性 属性名 含义 orientation 设置是是横屏或者竖屏 width 渲染界⾯的宽度 device-width 设置屏幕的输出宽度