Question

我有一个带有两列和一些偏移量的bootstrap行。我希望最后一列定位[int] English [de] Deutsch，以便在滚动时也可以查看它。最后一列中包含图像内容。

我使用引导程序附带的fixed类将最后一列中的div定位为固定。但是它会在最后一列中调整/溢出图像。

您可以查看这些jsfiddles以了解我正在谈论的内容：

没有固定位置/ affix：https://jsfiddle.net/tpw9n2e7/1/
固定poisition / .affix：https://jsfiddle.net/tpw9n2e7/2/

如何修改div而不调整子div中的内容大小或溢出？

Answer 1

我认为您的.affix div不会遵循上述div col-md-4，因为它的位置是固定的。

您必须将父div的类添加到.affix类中，以便子内容将跟随.affix。

  <div class="col-sm-4">
   <div class="affix col-sm-4">
     <img src="http://via.placeholder.com/450x750" class="img-responsive"/>
     <br/>
     Fixed Content
    </div>
  </div>

使bootstrap列内容固定定位

1 个答案: