1
我試圖在使用Bootstrap的行中放置兩個圖表。每個圖表應使用總寬度的1/2,並且圖表的高度應適應維持4乘3縱橫比。如何將2個響應4by3元素放在一行中?
我曾嘗試用下面的HTML,但每個圖表將佔據整個寬度,放置在彼此上方:
<div class="container">
<div class="row">
<div class="col-6">
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XGSy3_Czz8k"></iframe>
</div>
</div>
<div class="col-6">
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XGSy3_Czz8k"></iframe>
</div>
</div>
</div>
</div>
我如何能實現我想要的佈局?
我升級我的引導代碼4.0.0-β,現在它似乎工作。 – OlavT