Question

我发现了这个：http://jsfiddle.net/yNsxU/并从按钮修改为锚点，这就是我需要的。过去几天我花了几个小时试图寻找解决方案，不胜感激任何帮助。还尝试了stackoverflow上的大部分示例代码。我在2016年3月31日下载了所有最新的bootstrap代码。

我发现的大量代码使用了链接，正如顶部代码块所示，这一切都很完美。我试图超越btn-group，但这没效果。

我使用的一些代码来自我下载的一些示例，所有这些代码都运行良好。如果我无法使固定宽度工作，我将更改代码以使用按钮而不是链接。

非常感谢链接：

<style>
    .custom {
    width: 120px !important;
}
</style>

<br>
<p>This does not work</p>
<br>
<div class="container">
    <div class="row">
        <div class = "btn-group">
            <a href="#" class="btn btn-primary custom">Save</a>      <!-- anchor fails -->
            <a href="#" class="btn btn-success custom">Download</a>  <!-- anchor fails -->
        </div>
    </div>
</div>

<br>
<p>This works, but I need the anchors, not the button</p>
<br>

<div class="container">
    <div class="row">
        <div class = "btn-group">
            <button href="#" class="btn btn-primary custom">Save</button>     <!-- button works -->
            <button href="#" class="btn btn-success custom">Download</button> <!-- button works -->
        </div>
    </div>
</div>

Answer 1

您可以在锚上设置display:inline-block，它应该可以正常工作。

Answer 2

问题来自较旧版本的Bootstrap。你链接的jsFiddle使用的是Bootstrap 2.3.2。如果您使用较新版本的Bootstrap，例如3.3.6，则您的问题将不存在。

如果您正在使用Bootstrap 2.3.2但仍想解决此问题，则此CSS似乎可以正常工作。

 .custom {
    width: 78px !important;
    display: inline-block;
    padding: 4px 0 !important;
}

自举按钮固定宽度

2 个答案: