Nur eine Bootstrap-Zeile mit Hintergrundvideo füllen

Question

Ich frage mich, ob es möglich ist, nur ein bestimmtes Zeilenelement mit Hintergrundvideo zu füllen, so dass alle anderen Zeilen oben und unten reaktionsfähig bleiben.

<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> 

Vielen Dank im Voraus!

Answer 1

es mit container-fixed Klasse in einem div Wickel und col-xs-* dann Nicht-Ansprechbarkeit Gewalt anwenden:

<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>