我想创建仅对2种类型的显示器响应的Web应用程序。
For medium and smaller sized screens
For larger screens
我可以使用bootstrap 3来实现吗?我只想要一个固定大小的970px容器,用于分辨率<= 1200px的所有屏幕/设备,对于更大的屏幕,我希望我的容器尺寸为1170px
答案 0 :(得分:0)
container
类声明
.container {
.container-fixed();
@media (min-width: @screen-sm-min) {
width: @container-sm;
}
@media (min-width: @screen-md-min) {
width: @container-md;
}
@media (min-width: @screen-lg-min) {
width: @container-lg;
}
}
代码是自我解释的,您可以在他们的网站上制作自定义。