Question

我的外部div有d-flex flex-row，而我总共有3个子div。其中两个是btn-group，另一个是带有文本的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>

Answer 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/

文本未显示在flex-row中

1 个答案: