0

Bootstrap 的容器有很好的内置断点,可以缩放 div 以匹配页面的宽度。但是在我的页面上,我有一个绝对定位的 div,它位于页面的一侧。容器不考虑这个绝对定位的 div,并且一直扩展到 div 之下(除非浏览器的宽度很大)。

如何告诉 Bootstrap 的容器只考虑浏览器宽度的一定百分比来容纳我的绝对 div,同时仍然响应?将容器放在较小的 div 中会破坏 Bootstrap 的网格布局,并且容器不再响应。

例子:

好:浏览器足够宽,静态 div 正确位于右侧

好的例子

不好:容器已经打了几个断点并且缩小了。静态 div 现在超过了容器。

不好的例子

4

1 回答 1

0

容器调整大小以适合其容器。假设您在 body 标记中使用容器。将 padding-right 添加到与绝对框大小相同的 body 标记中。

<body style="padding-right: {your_absolute_box_size}px;">

or

body { padding-right: {your_absolute_box_size}px; }
于 2013-10-02T03:54:33.993 回答