2016-03-16 61 views
-1

所以我需要实现这种效果。问题使堆叠的div响应另一个div与图像

我现在用引导的方式

https://gyazo.com/089764ced3250e52c184b16f991214e0

这是我最初的代码,但我不知道如何定位它,我已经试过一切,但它仍然是不响应的窗口。我怎么能做到这一点,谢谢:)。

 <div class="row" id="banner-top-row"> 
      <div class="col-md-12" id="banner-top-col"> 
      <img src="img/banner-top.png" id="banner-top" class="img-responsive"/> 
       <div class="banner-information"> 
        <h4> For More Information.... </h4> 
        <h1> Contact Us </h1> 
       </div> 
      </div> 
     </div> 

回答

0

虽然我没能得到你到底想要什么,但如果我得到正确的,你期待成为您的形象和内容是在中心,而不会损害响应式设计。 请看看吧,如果这个代码片段可以帮助你

http://jsbin.com/binusu/edit?html,css,output

+0

叶八九不离十,像一面旗帜,上面的图像在我的页面延伸罚款和响应,但我需要添加在上面这个盒子如图所示的图像,并做出响应以及:)。对不起,只是澄清,内容框需要在图像的左侧:) –

+0

是的,我明白了。有点像... http://jsbin.com/binusu/edit?output – shekhardtu

+0

你就是这样:),非常感谢 –