需要根据 div 的最小宽度触发引导网格断点

Question

我在 Bootstrap 网格中有网页的内容。一个 div (divDesktopDiv) 在桌面视图中显示，并在移动视图 (divMobileDiv) 中被另一个 div 替换。

关于我当前实现的一些问题导致 divDesktopDiv 在网格捕捉到移动视图以显示 divMobileDiv 之前溢出到相邻的 div 中。

有没有办法可以在 divDesktopDiv 上设置某种类型的最小宽度属性，当该 div 上的最小宽度属性被命中时，它将强制 Bootstrap 呈现下一个断点视图？我已经明确尝试在 div 上设置 min-width 但它不会触发下一个断点。它只是将 div 保持为最小宽度，同时缩小网格的其余部分。

Answer 1

查看Bootstrap documentation for responsive breakpoints。本质上，您可以更改@media 查询的断点，以便网格在它们重叠之前捕捉到移动视图。只需根据需要将像素更改为更高或更低的数字即可。