时间戳

首页 > 解决方案 > 引导程序中的margin-left 5px？

bootstrap-4 - 引导程序中的margin-left 5px？

问题描述

我有 2 个按钮，我想在 2 个按钮之间放置一个间距。

在 CSS 中我会做margin-left: 5px

在引导程序上，我找不到确切的类？

    div class="d-flex">
         <button (click)="showPreviousYear()" *ngIf="showPreviousYearButton()" class="btn btn-primary">
             &lt; {{previousYear}}
         </button>
         <button (click)="showNextYear()" *ngIf="showNextYearButton()" class="btn btn-primary ">
            {{nextYear}} &gt;
         </button>
    </div>

现在，我myClass在 CSS 中添加了一个类

    ...
    <button (click)="showNextYear()" *ngIf="showNextYearButton()" class="btn btn-primary myClass ">
    ...

英文 CSS

    .myClass  {
        margin-left: 5px;
    }

如果您在引导程序中有其他解决方案，我很感兴趣

标签： bootstrap-4

解决方案

已阅读文档 bootstrap-spacing

tl;博士

用于左边距的类是 ml-{n}。
这不会将边距设置为 5px，而是使用百分比

<div ml-5> </div>

推荐阅读