Twitter bootstrap 引导按钮未对齐

Twitter bootstrap 引导按钮未对齐,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我有一些教程中的简单表单,但对我来说不起作用 为什么这个按钮没有对齐 首页 名字 姓 您的表单组div被插入到bootstrap的css中,带有负边距 .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } 您可以将提交包装在表单组中,也可以删除div上的边距 <div class='form-group'> <div class="col-sm-offset

我有一些教程中的简单表单,但对我来说不起作用

为什么这个按钮没有对齐



首页 名字 姓
您的表单组div被插入到bootstrap的css中,带有负边距

.form-horizontal .form-group {
   margin-right: -15px;
   margin-left: -15px;
}
您可以将提交包装在表单组中,也可以删除div上的边距

<div class='form-group'>
    <div class="col-sm-offset-3 col-sm-9">
        <input type="submit" value="Submit" class="btn btn-primary" />
    </div>
</div>


fiddle:

它应该与文本框或图例对齐什么?它应该与输入对齐。我如何修复它?顺便说一句,很奇怪,因为我从某个教程中获取了这个,guy向我展示了它应该对齐。只需将您的提交包装在一个表单中即可。我用小提琴更新了我的答案,以反映如何修复此问题
<div class='form-group'>
    <div class="col-sm-offset-3 col-sm-9">
        <input type="submit" value="Submit" class="btn btn-primary" />
    </div>
</div>