如何禁用响应临时

Question

如何禁用引导的响应/网格？

我正在为公司建设网站，我已经使网站响应移动设备。然而，他们告诉我，他们想为移动设备做另一个设计，但桌面版将首先发布。他们想保持桌面设计时，用户使用移动或使浏览器移动大小，就像传统的网站，用户应该滚动左和右查看网站。

我尝试在包装器/主体上添加min-width，它只是扩展了宽度，但是使用引导网格的元素仍然响应。我可以用简单的css技巧来解决这个问题吗？

下面是示例：https://jsfiddle.net/j17qtLfv/

我想要一排一排，甚至小一点。

有人能帮我吗？

Answer 1

那么，删除类名，这些类名表明它应该是较小屏幕上的不同的列布局。

​

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}

#block{
  background:red;
  min-width:1000px;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->
<div id="block">

<div class="container">
  <div class="row">
    <div class="col-6">
      1 of 2
    </div>
    <div class="col-6">
      2 of 2
    </div>
  </div>
  <div class="row">
    <div class="col-4">
      1 of 3
    </div>
    <div class="col-4">
      2 of 3
    </div>
    <div class="col-4">
      3 of 3
    </div>
  </div>  
</div>
</div>

​

Answer 2

本博客提供了禁用引导响应的步骤。

http://blog.netgloo.com/2014/05/11/how-to-use-twitter-bootstrap-3-for-non-responsive-site/