响应式布局仅适用于使用bootstrap3的中型和大型

时间:2014-04-10 05:27:53

标签: twitter-bootstrap-3

我想创建仅对2种类型的显示器响应的Web应用程序。

For medium and smaller sized screens
For larger screens 

我可以使用bootstrap 3来实现吗?我只想要一个固定大小的970px容器,用于分辨率<= 1200px的所有屏幕/设备,对于更大的屏幕,我希望我的容器尺寸为1170px

1 个答案:

答案 0 :(得分:0)

grid.less

中查看bootstrap的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;
  }
}

代码是自我解释的,您可以在他们的网站上制作自定义。