Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Bootstrap 4 如何在列中垂直居中放置文本（引导4）？_Bootstrap 4_Twitter Bootstrap 4 - Fatal编程技术网
Fatal编程技术网
  • bootstrap-4/
  • Bootstrap 4 如何在列中垂直居中放置文本（引导4）？

Bootstrap 4 如何在列中垂直居中放置文本（引导4）？

bootstrap-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
。