只填充一個帶背景視頻的引導行

Question

我一直在想，是否有可能只填充一個具有背景視頻的特定行元素，以便上下的所有其他行都保持響應。

<div class="row"> 
    <div class="col-sm-12">top element</div> 
</div> 


<div class="row"> 
    <div class="col-sm-12"> 
    <video width="1920" height="1080" preload="auto" autoplay loop> 
     <source src="background_video.mp4" type="video/mp4"> 
    </video> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-sm-12">bottom element</div> 
</div> 

在此先感謝！

Answer 1

與container-fixed類包裝在一個div，然後用col-xs-*迫使非響應：

<div class="container-fixed"> 
    <div class="row"> 
     <div class="col-xs-12"> 
     <video width="1920" height="1080" preload="auto" autoplay loop> 
      <source src="background_video.mp4" type="video/mp4"> 
     </video> 
     </div> 
    </div> 
</div>