在bootstrap 4中使用justify-content-center打破标记

时间:2018-04-26 14:11:43

标签: html css bootstrap-4

我正在尝试制作类似this的内容。并且能够将我的文本放在垂直和水平的中间。但是,break <br>标记无效。

<div class="container h-100">
    <div class="row h-100 justify-content-center align-items-center">
        <h1 style="font-size:4vw;" class="display-3"><b>Some text</b></h1><br>
        <h1 style="font-size:5vw;" class="display-3">{{key_words}} !</h1><br>
        <h1 style="font-size:4vw;" class="display-3"><b>Some other texts</b></h1>
    </div>
</div>

一切都在一条线上。还有我应该如何提供key_words的样式,比如在动画中切换key_words?我试图用bootstrap 4来实现这个目标

1 个答案:

答案 0 :(得分:2)

请勿使用,使用,并且根本不需要中断标记

struct