文本未显示在 flex-row 中答案

【问题标题】：Text not showing up in flex-row文本未显示在 flex-row 中
【发布时间】：2018-07-21 06:12:11
【问题描述】：

我的外部 div 有 d-flex flex-row，我总共有 3 个子 div。其中两个是btn-group，另一个是带有文本的 div。我将所有这些都放在另一个 div 中，我有 center-block 类。为了让这些子 div 显示出来，我将它们设为 z-index: 1。按钮会显示，但文本不会显示。

    <div class="center-block">
       <div class="d-flex flex-row">
           <div class="btn-group" role="group" aria-label="..." style="z-index: 1;">
            <!-- Two buttons here -->
       <div class="btn-group" role="group" aria-label="..." style="z-index: 1;">
            <!-- One button here -->
        <div aria-label="..." style= "z-index:1">Hello</div>
    </div>

【问题讨论】：

我不能在这里添加我的代码，因为我不被允许。如果你能给我一个简单的例子就好了。我想我只是错过了这里的逻辑。我只需要在 flex-row 上做三件事。该行左侧的三个按钮和该行居中的文本。

标签： html css flexbox bootstrap-4

【解决方案1】：

自 Bootstrap 4 beta3 起，.center-block 已被删除，取而代之的是 .mx-auto：https://getbootstrap.com/docs/4.1/migration/#utilities。但是由于您没有提到将.center-block 放在所有内容上的期望，因此我没有将其包含在我的小提琴中。

文本在没有z-index 的帮助下显示。

小提琴： http://jsfiddle.net/aq9Laaew/104420/

【讨论】：

感谢您将这些放在一起。然而，这并不是我真正想要的。我将研究我尚未研究的 mx-auto。
然后在'.center-block'的帮助下告诉我们你在寻找什么和期望