我有一些问题,以中心p在一个div。我需要一些帮助!
非常感谢您!
下面是我的代码:
<div class="navbar d-flex flex-grow-1 justify-content-end align-items-end mb-3 d-none d-sm-flex">
<div class="d-flex align-items-center justify-content-center text-white me-2 fw-bold">
<p>THIS NEEDS TO BE CENTERED</p>
</div>
<a type="button" class="btn btn-gold" href="">Booking!</a>
</div>
字符串
2条答案
按热度按时间lb3vh1jj1#
您可以在bootstrap中使用多种方法将p标记居中。
这就是如何根据Documentation将其与
text-center
居中字符串
另外,如果你想垂直居中段落,你可以使用
d-flex
和align-items-center
类。下面是一个例子:型
jhiyze9q2#
你可以使用
text-center
类作为它的父div。如果你只需要把<p>
放在中间,把text-center
类放在里面。字符串
阅读更多:https://getbootstrap.com/docs/5.0/utilities/text/