响应式布局--bootstrap

style{ @media(min-width:576px) and (max-width:767px){

}

}

栅格布局 分布12份 class="row行" col列 最小 .col- .col-sm- .col-md- .col-lg- .col-xl-
对齐方式 align-items-center 水平对其 justify-content-end 类似flex布局

排序 order-sm-112 偏移 offset-md-112