媒体查询
@media (max-width: 1380px) { .title { padding: 0; } } //在页面宽度的最大值小于1380px时 去掉title的padding值对于某个元素内i标签元素的hover 如果主元素与i元素同时hover切换颜色 在设置i的hover时不能直接.i:hover {} 而要设置 .主元素:hover i{} 这样在鼠标到主元素是i才会同主元素一起变化
container-fluid流动布局 col-lg-?列占比 d-inline-block行级块 给需要转换为行级块的每一个元素添加 text-center水平居中 font-weight加粗 transition过渡 transition:color .2s linear; align-items-center justify-content-center居中 块内居中 row行 image-fluid图片响应 img-b图片不能铺满去15px left top 按百分比定位 先放到 left top 为0 再调整 边框的过渡动画borderanimate transition width offset-lg-1 设置margin-left ul中的 li 设置成一行 list-inline去点 在ul 上设置 linst-inline-item 给每一个li元素设置 使他们在一行显示 文字旁边的线条可以用 border 设置一条线 不一定要用icon或者特殊字符 容易和文字对不齐 px-?左右padding py-?上下padding line-height设置行高 可以控制文字旁线条的大小 与字号大小一致即可 当元素之间距离过大 margin：-？px;通过负值缩小距离 图片配文字 bootstrap 中的card元素 相对定位的元素可以margin col-lg-4 col-xl-4 col-md-4 d-block m-auto
