css - 使用 Bootstrap 在响应图像顶部居中 div

Question

我正在尝试将一个 div(带有一些垂直按钮)放置在居中且响应迅速的图像上(该图像不是背景图像)是否可以使用 bootstrap 执行此操作？我仍然希望这张图片占据大部分屏幕宽度，添加标题不起作用，添加另一个 div 会使这张图片从中心移动？

图片的Html如下:

<div class ="container">
    <div class="col-lg-12">
            <img src="bg2.png" class="img-responsive center-block" id="buildingimg" alt="..." >
    </div>
</div>

Answer 1

http://codepen.io/ruchiccio/pen/wGRXWB

下面是 div 中与图像重叠的一些按钮。

#button-overlay {position:absolute; top:0; right:0; left:0; margin-left:auto; margin-right:auto; z-index: 5; width:100%; text-align:center;}

button {width:90%; margin-right:auto; margin-left:auto; display:block;}

img {width:100%;}