我有一個IMG和IFRAME，並希望他們並排顯示

Question

這是我有，不知道爲什麼它並不顯示。我嘗試過使用float left，並嘗試使用bootstrap網格，但沒有成功。謝謝。

<div class="container"> 
    <img src="placeholder" alt="picture of the band " width="500" height="300"> 
</div> 
<div class="container"> 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/placeholder" frameborder="0" allowfullscreen></iframe> 
</div> 

Answer 1

我只是用這個。有用。

.container{ 
     float: left; 
    } 

如果您使用的引導取代container與任何其他類名，做float:left它的工作原理。

<style> 
     .classname{ 
      float: left; 
     } 
</style> 

<div class="classname"> 
    <img src="placeholder" alt="picture of the band " width="500" height="300"> 
</div> 
<div class="classname"> 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/placeholder" frameborder="0" allowfullscreen></iframe> 
</div>