I'm currently working on creating something similar to this website, where I want to position my text in the center both vertically and horizontally. However, when using a <br> tag, it doesn't seem to work as expected.
<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>
The text is appearing all in one line. Additionally, I'm looking for ways to add styling to the key_words such as animating their appearance. My goal is to achieve this with Bootstrap 4.