我们升级到twitter bootstrap 3(从2.3.2),并使用.form-horizontal表单与.form-actions类中的按钮在各个地方.我们在新版本中搜索了类似的设计或替代方案,无济于事.
如果没有任何选项在水平形式的结尾放置两个或更多按钮(同一行)的新建议的方式是什么?
解决方法
.form-action在引导程序3中删除,您可以使用表单组在表单末尾添加按钮.
您可以在同一行中添加更多按钮到表单组:
<div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <input type="submit" class="btn btn-default btn-lg" value="Save" > <input type="submit" class="btn btn-default btn-lg" value="Update" > </div> </div>
如果要对按钮有一些颜色效果或背景颜色,则必须考虑表单组的左右边距为-15px.
<div style="background-color: black; margin-left: 0px; margin-right: 0px;" class="form-group">