Question

我想在一个Bootstrap 3列中放入一堆div。

具体来说，我想在正在加载的图像上叠加一个加载进度gif图像。

但是，只需将图像标记放在Bootstrap列中并设置CSS z顺序就不起作用了。

<div class="container">

<div class="col-xs-4 left">Left Col</div>

<div class="col-xs-4 imageholder">
  <img class="center-block" src="http://paulsmedia.s3.amazonaws.com/public/lgspinner.gif" width="40px" height="40px" style="z-index:999"/>
  <img class="center-block" src="http://paulsmedia.s3.amazonaws.com/public/yeoman.png"     style="z-index:-1"/>
</div>

<div class="col-xs-4 right">Right Col</div>

普兰克：http://plnkr.co/8T7hyb900g3d4z9IO6Ta

有没有办法实现这一目标并保留响应行为？

Answer 1

您可以对absolute代码使用<img>定位

我可以在bootstrap 3网格列中对内容进行分层

1 个答案: