css – 表单动作类相似的设计在twitter引导3

前端之家收集整理的这篇文章主要介绍了css – 表单动作类相似的设计在twitter引导3前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们升级到twitter bootstrap 3(从2.3.2),并使用.form-horizo​​ntal表单与.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">

请参阅Bootstrap 3 form and form last row background color

猜你在找的CSS相关文章