使用引導程序在響應圖像的頂部中心div

我想將一個div（帶有一些垂直按鈕）置於以居中和響應爲中心的圖像上（此圖像不是背景圖像）是否可以使用引導？我仍然希望這個圖像佔用大部分的屏幕寬度，添加一個標題不起作用，並添加另一個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>

來源

2016-05-05 Alison1988

你可以把問題的兩個圖像的代碼（儘可能）？它目前只有一個圖像的代碼。 – Amber

它不是另一個圖像，它只是一個div寬度，寬度爲「60px」，高度爲「200px」 – Alison1988

謝謝，您還可以在img-responsive和class-center中顯示CSS，以防萬一他們影響新的div？ – Amber

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%;}

來源

2016-05-05 15:17:00

使用引導程序在響應圖像的頂部中心div

回答

相關問題