在Bootstrap页面上右移<video>元素

时间:2019-09-22 10:38:37

标签: html css twitter-bootstrap

我在引导程序制作的页面上放置视频元素时遇到问题。 元素要一个接一个。已满足此条件。 问题是从2个视频元素开始向右移动几个像素。 我尝试了不同的方法来解决此问题,但没有任何帮助。该视频位于标题为“摄影作品”的部分,我的意思是阿利坎特,仙人掌,巴塞罗那港视频的滚石视频元素。我将非常感谢您提供任何解决方法的提示。

可以在标题为“摄影照片”的部分中找到该视频。

DELIGHTCAPTURES

1 个答案:

答案 0 :(得分:0)

您已将第二个和第三个视频放在包含第一个div.col-md-12的div容器中。每个类为col-md-12的元素从左侧和右侧添加一个新的填充。只需将每个视频容器作为同胞放置(不嵌套)即可。

现在您具有如下结构:

<div class="col-md-12">
 Video 1
 <div class="col-md-12">
 Video 2
   <div class="col-md-12">Video 3</div>
 </div>
</div>

您需要将其更改为如下所示:

<div class="col-md-12">Video 1</div>
<div class="col-md-12">Video 2</div>
<div class="col-md-12">Video 3</div>