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

Question

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

当前实现的某些内容导致divDesktopDiv在网格捕捉到移动视图以显示divMobileDiv之前溢出到相邻的div中。

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

Answer 1

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