我正在使用一个网站，我正在尝试“删除”lg断点，因为它不受欢迎，因为内容通常比较重。但是，由于将来使用_variables.scss断点可能有意义，我希望不修改Bootstrap源。
这是我已经尝试过的：
修改后的Sass变量（$screen-md-min: 970px; // MD: Tablets (portrait) + Desktop
$screen-lg-min = $screen-md-min;
）
.visible-lg我从another SO post得到了这个想法，但它并没有完全对我有用。当我使用.visible-md时，断点可以正常工作。当我使用md时，我认为它现在在逻辑上是等价的，它不会显示大于或等于<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<p><b>Resize the browser window to see the effect.</b></p>
<div class="row">
<div class="col-xs-12">
<div class="visible-xs">2 column width mobile: dynamic</div>
<div class="visible-sm">2 column width tablet: 93px</div>
<div class="visible-lg">2 column width desktop: 148px</div>
</div>
</div>
<div class="row">
<div class="col-xs-2"><p class="grid-txt">2</p></div>
<div class="col-xs-2"><p class="grid-txt">2</p></div>
<div class="col-xs-2"><p class="grid-txt">2</p></div>
<div class="col-xs-2"><p class="grid-txt">2</p></div>
<div class="col-xs-2"><p class="grid-txt">2</p></div>
<div class="col-xs-2"><p class="grid-txt">2</p></div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="visible-xs">3 column width mobile: dynamic</div>
<div class="visible-sm">3 column width tablet: 146px</div>
<div class="visible-md">3 column width desktop: 229px</div>
<div class="visible-lg">3 column width desktop: blah</div>
</div>
</div>
<div class="row">
<div class="col-xs-3"><p class="grid-txt">3</p></div>
<div class="col-xs-3"><p class="grid-txt">3</p></div>
<div class="col-xs-3"><p class="grid-txt">3</p></div>
<div class="col-xs-3"><p class="grid-txt">3</p></div>
</div>
</body>
</html>
断点的任何内容。
<dependency org="org.xxx" name="abc" rev="1.0.0" conf="default"/>
如果这没有意义，请随时发表评论，要求提供更多信息！谢谢:)）
答案 0 :(得分：0)
正如我今天早上发现的那样，虽然网格只需要Bootstrap代码中的$screen-*-min变量，但$screen-*-max用于响应工具，例如{{1} }和.visible-*。因此，任何具有相同问题的人都应该创建一个标记值（或者因为SASS没有最大硬编码数或函数（如Number.max（）或类似的东西）而关闭的东西。
就我而言，我的SASS中有一个简单的.hidden-*就可以了。