时间戳

首页 > 解决方案 > 视频不会停留在行引导程序的第二列

html - 视频不会停留在行引导程序的第二列

问题描述

我有一个连续的视频。我希望它作为行的第二列保持在页面的右侧。但它一直出现在第一列下，就好像它是第二行一样。

这是我的代码：

<section class="container-fluid aboutus">
  <div classs="row">
    <div class="col-sm-5">
        <h1>Our Mission</h1> 
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
        <div class="button">
            <a href="#"><button type="button" class="btn btn-outline-primary btn-lg">Read more</button></a>
        </div>
    </div>

    <div class="col-sm-7 video">
        <div>
            <video autoplay muted loop width="550">
            <source src="video/Markcard.m4v" type="video/mp4" />
        </video> 
        </div>

    </div>
  </div>

</section>

标签： htmlcsstwitter-bootstrapbootstrap-4

解决方案

最简单的方法是使用 CSS Flex-Box 布局。如果您不知道从哪里开始，这里有一个教程链接。

https://www.w3schools.com/css/css3_flexbox.asp

推荐阅读