html - Bootstrap 形式的行之间的空间不正确

标签 html css asp.net-mvc twitter-bootstrap asp.net-mvc-3

我有以下表格,但是第一行和第二行之间有一个额外的空格。

http://screencast.com/t/brkYad2NjPaH

但是我不确定如何摆脱它。

这是生成的html代码

<div class="form-horizontal">



        <div class="form-group">
            <label class="control-label col-md-2" for="Entidad">Entidad</label>
            <div class="col-md-10">
                <select name="Entidades" class="form-control m-b" id="Entidades"></select>
            </div>
        </div>


        <div class="form-group">
            <label class="control-label col-md-2" for="Codigo">Codigo</label>
            <div class="col-md-10">
                <input name="Codigo" class="text-box single-line" id="Codigo" type="text" value="">
                <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="Codigo"></span>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-md-2" for="Nombre">Nombre</label>
            <div class="col-md-10">
                <input name="Nombre" class="text-box single-line" id="Nombre" type="text" value="">
                <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="Nombre"></span>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-md-2" for="TipoDeDatos">TipoDeDatos</label>
            <div class="col-md-10">
                <input name="TipoDeDatos" class="text-box single-line" id="TipoDeDatos" type="text" value="">
                <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="TipoDeDatos"></span>
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input class="btn btn-primary" type="submit" value="Create">
                <a class="btn btn-white" href="/GlobalAdmin/Propiedades">Cancel</a>
            </div>
        </div>
    </div>

这是我的mvc代码 View

@model Inspinia_MVC5.Areas.GlobalAdmin.Models.Propiedad

@{
    ViewBag.Title = "Create";
    Layout = "~/Areas/GlobalAdmin/Views/Shared/_LayoutGlobalAdmin.cshtml";
}

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-4">
        <h2>Create</h2>
        <ol class="breadcrumb">
            <li>
                @Html.ActionLink("List", "Index")
            </li>
            <li class="active">
                <strong>Create</strong>
            </li>
        </ol>
    </div>
    <div class="col-sm-8">
        <div class="title-action">
            @Html.ActionLink("Back to List", "Index", null, new { @class = "btn btn-primary"})
        </div>
    </div>
</div>


<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Create Propiedad</h5>
                </div>
                <div class="ibox-content">

                @using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        @Html.ValidationSummary(true)


        <div class="form-group">
            @Html.LabelFor(model => model.Entidad, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownList("Entidades", (IEnumerable<SelectListItem>)ViewData["Entidades"], new { @class = "form-control m-b" })
            </div>
        </div>


        <div class="form-group">
            @Html.LabelFor(model => model.Codigo, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Codigo)
                @Html.ValidationMessageFor(model => model.Codigo)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Nombre, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Nombre)
                @Html.ValidationMessageFor(model => model.Nombre)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.TipoDeDatos, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.TipoDeDatos)
                @Html.ValidationMessageFor(model => model.TipoDeDatos)
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-primary" />
                @Html.ActionLink("Cancel", "Index", null, new { @class = "btn btn-white"})
            </div>
        </div>
    </div>
}

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

最佳答案

检查select节点中类m-b的样式 可能是 margin 底部。

关于html - Bootstrap 形式的行之间的空间不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30790572/

相关文章:

html - 如何将 Jumbotron 与表格对齐?

javascript - 是否可以使用页面滚动条滚动内部 div?

css - 允许用户CSS

css - 在页面问题的底部定位一个 div

javascript - AngularJS 可以在加载后编译由外部库附加的 HTML 吗?

javascript - AngularJs 指令在页面重新加载之前不起作用

html - 禁用悬停在特定的 div 上

asp.net-mvc - 从 View 调用非 Action 方法 - MVC .NET

css - MVC5 在 EditorFor 旁边添加字形图标

asp.net - 允许零日期时间 mysql 连接器 web.config Entity Framework