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>

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

1 个答案: