Twitter bootstrap 在引导3中禁用一些响应级别?
在Bootstrap 3中禁用某些响应级别的最干净方法是什么?我正在尝试禁用平板电脑级别(col sm)和宽屏幕模式(col lg)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
想知道做这件事最简单的方法是什么。有三种方法可以让我不经意间想到 第一个我不太喜欢,但我还是要说出来 打开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;
}