Twitter bootstrap 表格组页边距底部已删除

我正在引导选项卡面板中创建一个嵌套行，其中包含一些

表单组

元素。 不幸的是，尽管

表单组

在

bootstrap.css中的
页边距底部
为
15px
，但这些表单组的垂直间距不正确。
有人能提出原因和解决办法吗

请看下面的内容以理解

谢谢
我建议您使用

看看


加价

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox-content">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Tab1</a></li>
                    <li role="presentation"><a href="#properties" aria-controls="properties" role="tab" data-toggle="tab">Tab2</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="row">
                            <div class="col-md-6">
                                <form class="form-horizontal">
                                  <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Field</label>
                                    <div class="col-sm-10">
                                      <input type="text" class="form-control" placeholder="Value">
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">Field</label>
                                    <div class="col-sm-10">
                                      <input type="text" class="form-control" placeholder="Value">
                                    </div>
                                  </div>
                                </form>
                            </div>
                            <div class="col-md-6">
                                <form class="form-horizontal">
                                  <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Field</label>
                                    <div class="col-sm-10">
                                      <input type="text" class="form-control" placeholder="Value">
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">Field</label>
                                    <div class="col-sm-10">
                                      <input type="text" class="form-control" placeholder="Value">
                                    </div>
                                  </div>
                                </form>
                            </div>
                        </div>
                    </div>
                        <div role="tabpanel" class="tab-pane" id="properties">
                        <div class="row">
                            <div class="col-md-12">
                                <input type="hidden" id="hiddenJson" value="@ViewBag.Json">
                                <div class="well" style="min-height: 190px;">some data</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>






领域
领域
领域
领域
一些数据
说明。所有col-*类都具有float属性。所有浮动元素在css中都没有高度，因此它们的父元素无法获取高度值，height:auto不起作用

您所需要的只是正确地包装表单。请记住，您应该始终将.row用于父级，将.col-*用于子级







字段1
字段2
字段3
字段4
一些数据
只需使用您想要的mb类值，请参阅文档中的间距，它就解决了这个问题。
您能提供更多关于issue@RamanaaGj字体你看见小提琴了吗？是的，但我能看见“我不知道你是什么asking@RamanaaGj：表单组元素之间没有垂直边距。但是表单组有一个css规则，它应用15px的底部边距。我怎样才能恢复保证金？效果很好。谢谢@非常感谢你的深刻解释。在你的回答中，你没有使用表单标记，但你教了我一些关于col-*类的非常重要的东西。使用.col-*总是与.row一起使用是引导的常见规则之一。你有“间隔文档”的链接吗？