Bootstrap 的容器有很好的内置断点,可以缩放 div 以匹配页面的宽度。但是在我的页面上,我有一个绝对定位的 div,它位于页面的一侧。容器不考虑这个绝对定位的 div,并且一直扩展到 div 之下(除非浏览器的宽度很大)。
如何告诉 Bootstrap 的容器只考虑浏览器宽度的一定百分比来容纳我的绝对 div,同时仍然响应?将容器放在较小的 div 中会破坏 Bootstrap 的网格布局,并且容器不再响应。
例子:
好:浏览器足够宽,静态 div 正确位于右侧
不好:容器已经打了几个断点并且缩小了。静态 div 现在超过了容器。