form-actions类在twitter bootstrap 3中的类似设计

Question

我们升级到twitter bootstrap 3(从2.3.2开始)并使用.form-horizo​​ntal表单和.form-actions类中的按钮在各个地方.我们在新版本中搜索了类似的设计或替代品但无济于事.

如果没有任何选项,那么在水平形式的末尾放置两个或多个按钮(在同一行中)的新方法是什么？

Answer 1

将.form-action在引导3.删除,您可以使用form-group在表格末尾添加的按钮.

您可以在同一行中向form-group添加更多按钮:

<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">

请参阅Bootstrap 3表格并形成最后一行背景颜色