Bootstrap是否支持固定宽度的按钮?目前，如果我有2个按钮，“保存”和“下载”，按钮大小根据内容而变化。
还有什么是正确的方式扩展Bootstrap?
当前回答
这可能是一个愚蠢的解决方案，但我一直在寻找这个问题的解决方案，结果懒惰了。
总之，使用input class="btn…"．.． 用空格代替button和填充value=属性，这样它们的宽度都是一样的，效果很好。
例如:
<input type="submit" class="btn btn-primary" value=" Calculate "/>
<input type="reset" class="btn btn-primary"value=" Reset "/>
我还没有使用bootstrap很长时间，也许有一个很好的理由不使用这种方法，但我认为我最好分享一下
其他回答
引导 5+
使用网格列来设置宽度，并使用边距结束工具来设置它们之间的边距:
<div>
Here are two buttons:
<button class="btn btn-primary col-3 me-2">PressMe</button>
<button class="btn btn-primary col-3">PressMeToo</button>
</div>
对于您的按钮，您可以为这些特殊类型的按钮创建另一个CSS选择器，具有指定的min-width和max-width。如果你的按钮是
<button class="save_button">Save</button>
在你的引导CSS文件中，你可以创建这样的东西
.save_button {
min-width: 80px;
max-width: 80px;
}
这样，即使你有一个响应式设计，它也应该始终保持80px。
就扩展Bootstrap的正确方式而言，看看这个线程:
延长引导
这可能是一个愚蠢的解决方案，但我一直在寻找这个问题的解决方案，结果懒惰了。
总之，使用input class="btn…"．.． 用空格代替button和填充value=属性，这样它们的宽度都是一样的，效果很好。
例如:
<input type="submit" class="btn btn-primary" value=" Calculate "/>
<input type="reset" class="btn btn-primary"value=" Reset "/>
我还没有使用bootstrap很长时间，也许有一个很好的理由不使用这种方法，但我认为我最好分享一下
如果父容器是响应式的，那么块宽度按钮很容易变成响应式按钮。我认为使用固定宽度和更详细的选择器路径的组合而不是!很重要，因为:
1)这不是一个hack(设置min-width和max-width相同是hack)
2)不使用!important标签，这是不好的做法
3)使用宽度，因此将非常可读，任何了解CSS中的级联工作原理的人都将看到发生了什么(可能会为此留下CSS评论?)
4)结合你的选择器，适用于你的目标节点，以提高准确性
.parent_element .btn.btn-primary.save-button {
width: 80px;
}
Best way to the solution of your problem is to use button block btn-block with desired column width. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div class="col-md-12"> <button class="btn btn-primary btn-block">Save</button> </div> <div class="col-md-12"> <button class="btn btn-success btn-block">Download</button> </div>
