html - 两个 btn-group 显示在同一行

Question

我正在使用 Bootstrap 来显示按钮。我想在同一行显示所有按钮。

演示:https://plnkr.co/edit/4mRV3mVJyGGQacrn4EFp?p=preview

<div class="btn-group">
    <label class="btn btn-primary btn-sm" uib-btn-checkbox="ck1">RED    
    </label>
    <label class="btn btn-primary btn-sm" uib-btn-checkbox="ck2">BLUE
    </label>
</div>
<div class="btn-group">
    <label class="btn btn-primary btn-sm" uib-btn-checkbox="mac1">Mac1
    </label>
    <label class="btn btn-primary btn-sm" uib-btn-checkbox="mac2">Mac2
    </label>
    <label class="btn btn-primary btn-sm" uib-btn-checkbox="mac3">Mac3
    </label>
    <button type="button" class="btn btn-primary btn-xs" style="margin: 13px;" ng-click="submit()">SubmitValue</button>
</div>

我试图将所有按钮放在同一个 btn-group 中，但我想要在显示红色和蓝色按钮后留出空间。

Answer 1

将此添加到您的按钮

margin: 0 3px;
padding: 5px;