使用 Bootstrap 自定义断点

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

qinjilei 回答:使用 Bootstrap 自定义断点

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

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

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

本文链接:https://www.f2er.com/11206.html

大家都在问