Html 在何处编辑引导@grid float断点

我知道您可以在“variables.less”文件中更改@grid float断点，该文件编译成我们都下载并使用的引导包（我想）

---

我的问题是，您是否可以在不自定义新引导包的情况下更改@grid float断点，而是使用@media或其他方法通过CSS进行更改。如果可能，请告知在何处以及如何进行此操作的方法。感谢

有两种推荐的主要和不同的方法来更改@grid float断点（这是一个较少的变量）

您可以下载master（），打开bootstrap.com/variables.less文件，然后使用较少的编译器编译该文件。这涉及到在计算机上安装较少的编译器，例如Grunt（多平台）或CodeKit（Mac）

或转到此处并更改变量，然后下载已编译的CSS文件

---

如果您使用的是SASS版本，您将在bootstrap/_variables.scs中第286行及以后的位置找到该变量

你越深入这个文件，你会看到更多的数学和选项

我之所以发布这篇文章，是因为人们可能会来这里寻找答案

---

重新编译文件确实更好，但如果要对规则进行例外处理，则最好创建一个新的ID或类来引用正在执行的任何操作

这里有一个链接，指向更改网格浮动断点的仅css解决方案：

对于md尺寸，只需将991px更改为1199px即可

当然，在我的帖子的评论中，我已经在上面的链接后面复制粘贴了css解决方案。 我已经超越了我的应用程序（MVC6 RC）中的解决方案，设置了另一个浮点断点（仅通过应用.css样式）。

---

注意：im MVC6，您必须在媒体之前添加另一个@media（@@media）。

重新编译较少的源代码是正确的方法，而且更容易。我目前正在使用。。。所以，当你指的是重新编译时，你指的是从bootstrap（）自定义一个新包并引用我驱动器中的路径吗？为了避免混淆，我要注意Grunt本身不是一个编译器，而是一个可以将编译任务加载到其中的任务运行器！2020年在一个旧的ASP.NET Webforms项目中为我工作。我把它直接放在.aspx文件中。很难看，但它成功了。我感谢你花时间发布答案。

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}