センター私が中心と応答された画像の上に（一部の垂直ボタンで）div要素を配置しようとしていますブートストラップ

Question

を使用して対応する画像の上にdiv要素は、（この画像は、背景画像ではありません）でこれを行うには、それが可能ですブートストラップ？私はまだ、この画像はキャプションが作動し、別の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%;}