html - 如何在 Bootstrap 中禁用断点

Question

这是我第一次使用 Bootstrap 。我将它用于移动断点的 Accordion 页脚。现在的问题是 bootstrap 正在设置其他断点，我不想在我的其余设计中使用。我怎样才能禁用它？执行此操作的文件称为“grid.less”。我只使用 bootstrap 来使页脚工作，真的没有别的。感谢您的帮助!

Answer 1

首先，您必须给出一个完整的问题示例。请阅读 SO 的这篇文章 https://stackoverflow.com/help/how-to-ask .

您必须用自己的样式覆盖 Bootstrap 的样式。首先，您必须将您的样式链接放在 Bootstrap 的链接下方，如下所示:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="mystyle.css">

其次，您必须找到您想要覆盖的样式，可能使用开发工具。例如:

来自 grid.scss:

@media (min-width: 992px)
.container {
    max-width: 960px;
}

你的风格:

@media (min-width: 992px)
.container {
    max-width: 100%;
}

等等。