Javascript 允许中间引导按钮增长并填充宽度

我有以下代码片段：

测试
文本

将按钮包装在类中，然后将其显示为

flex

，然后将中间按钮的宽度设置为100%。它将填满可用区域

参见flexbox文档：

。按钮已满{
显示器：flex；
}
.button-full.all>按钮{
宽度：100%；
边际：0.2px；
}
.btn填充{
宽度：100%；
利润率：0.5px；
}

测试
1 -
文本
2-。按钮已满。全部
文本

使用引导类：

d-inline-flex w-100在按钮父容器的

和文本按钮的w-100 mx-2之间对齐内容

测试
文本

为什么你解决了这个问题，而我做不到-我也尝试过flex，但1、2和23按钮之间没有多余的填充。不过我用的是Bootstrap-flex

.button-full {
    display: flex;
}
.btn-fill {
    width: 100%;
    margin: 0 5px;
}