为什么第二行不显示?

时间:2019-09-12 12:05:00

标签: html css bootstrap-4

第二行/第二行,我尝试放置视频标题。但是我输入的所有内容都不会出现。

我已经创建了另一个容器,并在其中放置了第二行,但是它没有用。

<div class="container-fluid">
    <div class="row">
        <div class="col-12 d-flex justify-content-center">
            <iframe class="video" id="ytplayer" type="text/html" width="1280" height="720"
                    src="https://www.youtube.com/embed/D9--l0QRS50"
                    frameborder="0" allowfullscreen>
        </div>
    </div>
    <div class="row">
        <div class="col-12 d-flex justify-content-center">
            <span>TITULOO</span>
        </div>
    </div>
</div>

我正在创建一个类似于youtube的页面,该页面在下面显示视频和标题。

2 个答案:

答案 0 :(得分:3)

我会说与@indefinite相同。 Iframe广告代码不会自动关闭,因此它遵循以下语法<iframe src="demo_iframe.htm" height="200" width="300"></iframe>

答案 1 :(得分:2)

更正您的代码:

<div class="container-fluid">
    <div class="row">
        <div class="col-12 d-flex justify-content-center">
            <iframe class="video" id="ytplayer" type="text/html" width="1280" height="720"
                    src="https://www.youtube.com/embed/D9--l0QRS50"
                    frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
    <div class="row">
        <div class="col-12 d-flex justify-content-center">
            <span>TITULOO</span>
        </div>
    </div>
</div>