标签:container 同步 响应式 媒体查询 tst containe 样式 bootstra 响应式布局
有时候需要对bootstap的样式自定义,比如说某个元素的“height”值,要放在与bootstrap媒体查询同步的样式里,才会兼容响应式布局。
.container 类是bootstrap的官方参考样式
@media (min-width: 992px){ .container { max-width: 960px; }
.自定义类{height: 800px} } @media (min-width: 768px){ .container { max-width: 720px; } .自定义类{height: 600px}
}
@media (min-width: 576px){ .container { max-width: 540px; }
.自定义类{height: 200px}
}
标签:container 同步 响应式 媒体查询 tst containe 样式 bootstra 响应式布局
原文地址:https://www.cnblogs.com/qingsong/p/10201775.html