Css 按钮并排且大小相等

如何使用Bootstrap将两个按钮并排对齐，并且我希望使它们大小相等，总共占100%的宽度？没有.btn组如何实现这一点

到目前为止，我得到的是：

<div class="div">
    <button type="button" id="btn-cancel" class="btn btn-lg btn-primary" type="submit">Cancel</button>
    <button type="button" id="btn-save" class="btn btn-lg btn-warning" type="submit">Save</button>
</div>

.div {
    display: inline-block;
    width:100%
}  

取消
拯救
.分区{
显示：内联块；
宽度：100%
}  

试试这个：

.btn1{
身高：100%；
宽度：100%；
填充：0；
保证金：0；
}
.1分部{
填充：0；
保证金：0；
}

您可能需要查看引导文档，因为它清楚地显示了如何对齐按钮

基本上，您需要的是与此类似的标记：

<div class="btn-group">
    <button type="button" class="btn btn-default">Action 1</button>
    <button type="button" class="btn btn-default">Action 2</button>
</div>

---

显示您的代码以演示您已经尝试的内容。您必须将div分成两个相等的列。请尝试下面的代码。

<div class="btn-group">
    <button type="button" class="btn btn-default">Action 1</button>
    <button type="button" class="btn btn-default">Action 2</button>
</div>

.btn-group {
    width: 100%;
}

.btn-group .btn {
    width: 50%;
}