Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 在引导3中禁用一些响应级别?_Twitter Bootstrap_Responsive Design_Twitter Bootstrap 3 - Fatal编程技术网

Twitter bootstrap 在引导3中禁用一些响应级别?

Twitter bootstrap 在引导3中禁用一些响应级别?,twitter-bootstrap,responsive-design,twitter-bootstrap-3,Twitter Bootstrap,Responsive Design,Twitter Bootstrap 3,在Bootstrap 3中禁用某些响应级别的最干净方法是什么?我正在尝试禁用平板电脑级别(col sm)和宽屏幕模式(col lg) 想知道做这件事最简单的方法是什么。有三种方法可以让我不经意间想到 第一个我不太喜欢,但我还是要说出来 打开grid.less或grid.scss(取决于您正在使用的)并注释掉col sm和col lg的部分。这将有效地给你你想要的 第二种解决方案允许您更新bootstap的版本,而不必担心更改被覆盖。然而,它也需要较少的SCS或SCS 制作你自己的grid.les

在Bootstrap 3中禁用某些响应级别的最干净方法是什么?我正在尝试禁用平板电脑级别(col sm)和宽屏幕模式(col lg)


想知道做这件事最简单的方法是什么。

有三种方法可以让我不经意间想到

第一个我不太喜欢,但我还是要说出来

打开grid.less或grid.scss(取决于您正在使用的)并注释掉col sm和col lg的部分。这将有效地给你你想要的

第二种解决方案允许您更新bootstap的版本,而不必担心更改被覆盖。然而,它也需要较少的SCS或SCS

制作你自己的grid.less/grid.scss文件,只包含你想要的媒体,我猜媒体就是你的目标。然后使用您自己的文件执行所有包含和交换操作,其中原始网格文件包含在您自己的网格文件中。通过这种方式,您可以随时提取引导的干净副本,只要它们的文件位于同一位置,您就应该得到干净的编译


在我打字的时候,我想到的最肮脏的方法是改变其他两种尺寸的宽度变量,使它们与你的目标尺寸相匹配,md,这可能会产生一些可怕的副作用,但它可能会起作用

使用
col-xs-X
类,因为它们是恒定的百分比宽度

<!-- Don't use .container at all or you will have to
     override a lot of responsive styles. -->
<div class="non-responsive">
  <div class="row">
    <div class="col-xs-4">
      <h1>Welcome to Non-responsive Land</h1>
    </div>
    <div class="col-xs-8">
      <!-- More content, more content -->
    </div>
  </div>
欲了解更多信息,请访问

.non-responsive {
  /* Margin/padding copied from Bootstrap */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;

  /* Set width to your desired site width */
  width: 1170px;
}