Css 如何在Angular 8中使用ng引导在图标之间对齐内容

我有四个图标彼此相邻，但我希望它们以相同的空间大小分开，我使用类

在两个图标之间对齐内容

但不起作用，我该如何做

我正在为手机做PWA

• 下面我将让代码和图片，我希望它和我到现在为止，我使用引导和角材料

具有图标的代码

家
电子邮件
添加注释
标题

这就是它的样子

这就是我想要他们的样子

---

将您的Div结构设置为这样

<div class="main flex down fixed-bottom" >
<mat-toolbar class="colour">
    <mat-toolbar-row>

        <div class=" icons row justify-content-between"> 
            <button mat-icon-button class="icons col-xs-3" >
                <mat-icon>home</mat-icon>
            </button>
            <button mat-icon-button class="icons col-xs-3" >
                <mat-icon>email</mat-icon>
            </button>
            <button mat-icon-button  class="icons col-xs-3">
                <mat-icon>add_comment</mat-icon>
            </button>
            <button mat-icon-button class="icons col-xs-3" >
                <mat-icon>title</mat-icon>
            </button>
        </div>

    </mat-toolbar-row>
</mat-toolbar>
</div>

家
电子邮件
添加注释
标题

我就是这样解决的

家
电子邮件
添加注释
标题

Remove Icons Div使4个按钮直接指向行Div的子级仍然看到相同的@ArjunPandiadd class w-100接近“Icons”类，它应该可以工作。