I have a webpage layout structured within a Bootstrap grid. In desktop view, one div (divDesktopDiv) is shown, and in mobile view, it is replaced by another div (divMobileDiv).
However, my current setup causes the divDesktopDiv to overflow into the neighboring div before switching to the mobile view to display divMobileDiv.
Is there a method I can utilize to establish a minimum width attribute on divDesktopDiv that will prompt Bootstrap to switch to the next breakpoint when that minimum width is reached? I attempted setting a min-width value on the div directly, but this did not trigger the transition to the next breakpoint. Instead, it maintained the div at the minimum width while shrinking the remaining grid elements.