Utilizing bootstrap to structure a webpage, I have organized three divs next to each other within a row. The widths of the divs are set as follows: 2 columns, 6 columns, and 4 columns in a 12 column layout.
The middle div has a minimum width defined. As a result, when the outermost div shrinks beyond a certain width, there isn't enough space for the rightmost div (the 4 column one), causing it to wrap around and extend below the other divs.
To avoid this wrapping behavior and instead cut off the div by the window when the screen size decreases too much, how can this be achieved?
If further details, code snippets, or images are needed, do let me know.
Thank you!