似乎我的Bootstrap应用程序中的所有按钮都失去了边距。根据我的理解,他们从display: inline-block
获得了它们周围的空间,但在我更新到最新版本的Bootstrap(3.3.7),jQuery(3.1.1)之后,情况就不再是这样了, jQuery UI(1.12.1)。它们现在彼此相差0px。虽然我无法在Bootply中重现这个问题,但检查这两个问题似乎表明他们并没有从我做过的任何事情中获得任何风格。
以下是出现问题的标记示例:
<h2 id="header">Personnel</h2>
<div class="pull-right">
<button if.bind="!isEditing" class="btn btn-primary" click.delegate="setEdit()"><i class="fa fa-pencil"></i> Edit</button>
<button if.bind="isEditing" class="btn btn-success" click.delegate="saveEdit()"><i class="fa fa-floppy-o"></i> Save</button>
<button if.bind="isEditing" class="btn btn-danger" click.delegate="cancelEdit()"><i class="fa fa-ban"></i> Cancel</button>
</div>
<div class="clearfix"></div>
我已尝试完全删除所有自定义CSS,但这对按钮没有任何影响。