如何在Bootstrap 4.3.1中将2个按钮与表单分组

Question

当我尝试class="btn-group"时，按钮不再连接。他们是分开的。

<div class="btn-toolbar justify-content-between">
    <form action="{{ route('orders.destroy', ['id' => $order->id]) }}" method="post">
        {{ method_field('UPDATE') }}
        {{ csrf_field() }}
        <div class="btn-group-sm">
            <button type="submit" class="btn btn-success">ok</button>
        </div>
    </form>
    <form action="{{ route('orders.destroy', ['id' => $order->id]) }}" method="post">
        {{ method_field('UPDATE') }}
        {{ csrf_field() }}
        <div class="btn-group-sm">
            <button type="submit" class="btn btn-danger">del</button>
        </div>
    </form>
</div>

我想创建类似此示例https://getbootstrap.com/docs/4.3/components/button-group/

的组按钮

boostrap 4 btn-group无法正常工作

Answer 1

两个按钮元素都必须存在于同一标记中

请考虑以下内容

path