如何使bootstrap 3无响应?

时间:2014-10-19 11:06:15

标签: html css responsive-design twitter-bootstrap-3

我创建了一个带有bootstrap 3的网站,所以默认情况下它是响应式的。但是,我不希望它具有响应性(它的长篇故事)。

基本上我只是想要它,所以在平板电脑和手机上你必须放大和缩小才能阅读它。它只是一个基本的宣传册网站,这就是为什么响应性不是必要的。

我已经尝试取出元视图端口代码,然后搜索如何无限次地进行操作,但如果有意义的话,我无法让它看起来像普通网站。我需要做些什么才能使Bootstrap 3无响应?

1 个答案:

答案 0 :(得分:0)

  .Container{width: 960px;} // add your designed width
@media (min-width: 768px){
  .Container{width: 960px;}// add your designed width
}
@media (min-width: 992px){
  .Container{width: 960px;}// add your designed width
}
@media (min-width: 1200px){
  .Container{width: 960px;}// add your designed width
}

将它写为外部CSS文件。记住首先添加bootstrap.css然后添加你的external.css。