Python 在按钮组中的按钮中使用表单-引导和烧瓶

我正在使用Flask、SQLAlchemy和Bootstrap构建一个小型web应用程序。用户的选项之一是更改/删除数据库中的行，如表所示。我让删除部分在一个按钮中处理一个表单，但当该按钮位于按钮组中时，我不知道如何执行该操作

如果我这样做：

<div class="btn-group btn-group-sm">
    <button class="btn btn-warning">change</button>
    <form action="{{ url_for('del_component') }}" method=post class=del-component>
        <button class="btn btn-danger">
            <input type=hidden value="{{ component.id }}" name=component_to_delete>delete</input>
        </button>                            
    </form>
</div>

改变
删除

“删除”按钮起作用，但不再在组中：

所以我试了一下：

<div class="btn-group btn-group-sm">
    <button class="btn btn-warning">change</button>
    <button class="btn btn-danger">
        <form action="{{ url_for('del_component') }}" method=post class=del-component>
            <input type=hidden value="{{ component.id }}" name=component_to_delete>delete</input>
        </form>
    </button>                            
</div>

改变
删除

现在按钮组看起来不错，但是单击删除按钮不会做任何事情

---

我认为这是一个简单的解决办法，但它让我感到困惑。任何帮助都将不胜感激。

看起来您需要一些CSS来更改表单的样式。也许吧，但我该怎么做呢？我并不觉得这是一个样式问题，只是由于某种原因，Python代码没有“看到”按钮内的表单。这都是由引导和其他CSS（应用于HTML）引起的。你需要包括CSS，它可以使表单和按钮的样式符合你的要求。好的，我现在明白你的意思了。我想我可以自己做一些css来模拟bootstrap的按钮组，但我仍然想知道如何使它与按钮组一起工作。