使用 Bootstrap 自定义断点

Question

我正在学习前端网页设计，并且正在使用引导程序进行响应式布局。但是 bootstrap 只提供了 5 个固定断点。是否可以根据我的内容要求覆盖断点？ 例如 lg 从 992px 开始， xl 从 1200px 开始。我可以改为从 860px 开始 lg 吗？

Answer 1

看看这个页面：https://bootstrap.build/app

在这里，您可以轻松地编辑 Bootstrap CSS 以根据需要对其进行自定义。有一个名为“网格断点”的部分，只需将其添加到那里即可。但我必须说我以前从未尝试过，它可能无法按预期工作。最好的方法是编辑源代码并重新生成它，如 Bootstrap 页面所述。但是您可以尝试该页面，它可能会起作用。祝你好运！

编辑：我认为生成的 CSS 是基于 BootStrap 4 的，因为默认情况下，最长的断点是“XL”。但是，据我所见，如果添加“xxl”断点，它会按预期生成。试试看吧！