Bootstrap 4 如何在列中垂直居中放置文本(引导4)?

Bootstrap 4 如何在列中垂直居中放置文本(引导4)?,bootstrap-4,twitter-bootstrap-4,Bootstrap 4,Twitter Bootstrap 4,如何在列中垂直居中放置文本(引导4)?结构是基本的,请参见: <div class="row"> <div class="col-md-6"> <span>Text to center</span> </div </div> 文本居中 您可以将该类添加到父级以实现此目的。此类设置y轴上的自动边距,有关详细信息,请参见上面的链接 它看起来是这样的: 文本居中 你好 你好 你好 使用自动页边距(

如何在列中垂直居中放置文本(引导4)?结构是基本的,请参见:

<div class="row">
    <div class="col-md-6">
        <span>Text to center</span>
    </div
</div>

文本居中
您可以将该类添加到父级
以实现此目的。此类设置y轴上的自动边距,有关详细信息,请参见上面的链接

它看起来是这样的:


文本居中
你好
你好
你好

使用自动页边距(
my auto
),或使用flexbox实用程序

<div class="container">
    <div class="row">
        <div class="col-md-6 align-self-center">
            <span>Text to center</span>
        </div>
        <div class="col-md-6">
            <p>
            ..
            </p>
        </div>
    </div>
</div>

文本居中

..


另外,在我的另一个答案中也有解释。

记住,在引导程序4中不再有
-xs