仅用背景视频填充一个引导行答案

【问题标题】：Filling only one bootstrap row with background video仅用背景视频填充一个引导行
【发布时间】：2017-05-18 02:21:51
【问题描述】：

我一直想知道是否可以只用背景视频填充一个特定的行元素，以便上方和下方的所有其他行都保持响应。

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

提前致谢！

【问题讨论】：

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案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>

【讨论】：