文本框之间的空间MVC5＆amp; Bootstrap 3

Question

我有这种情况的代码：

@model MVC.Models.Parameters
@{
ViewBag.Title = "BigCalc";
}
<h2>Welcome to BigCalc!</h2>

@using (Html.BeginForm("Index", "Calculator", FormMethod.Post))
{

<form class="form-horizontal">
    <div class="form-group">
        @Html.LabelFor(model => model.number1, new { @class = "control-label col-sm-2" })
        <div class="col-xs-10">
            @Html.TextBoxFor(model => model.number1, new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.number1)
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(model => model.number2, new { @class = "control-label col-sm-2" })
        <div class="col-xs-10">
            @Html.TextBoxFor(model => model.number2, new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.number2)
        </div>
    </div>
    <div class="form-group">
        @Html.LabelFor(model => model.result, new { @class = "control-label col-sm-2" })
        <div class="col-xs-10">
            @Html.DisplayFor(model => model.result, new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.result)
        </div>
    </div>

    <div class="form-group">
        <div class="col-xs-offset-2 col-xs-10">
            <button type="submit" class="btn btn-primary">Get sum</button>
        </div>
    </div>
</form>

}

我想在文本框之间添加更多空格。 我知道<br\>，但这不是一种奇特的方式。 也许放style=margin:bottom或类似的东西。 或者在它们之间创建一个隐藏的div？

提前谢谢。

Answer 1

请查看此解决方案Here。

<div class="clearfix"></div>