引导样式输入类型的问题

Question

我正在使用asp.net mvc-5，我正在使用MVC模板附带的默认引导程序。我对表单的样式有问题。用于字符串值的@ Html.EditorFor的表单输入显示在右边的GUI中，但整数@Html.EditorFor没有拾取默认的css，另外我注意到有额外的CSS类“.single-line”和“text-”框“课......

我想要一样的外观和感觉......我做错了什么！

字符串值显示

 <div class="form-group">
   @Html.LabelFor(model => model._Qualification.QualificationTitle, new { @class = "control-label col-md-3" })
      <div class="col-md-6">
        @Html.EditorFor(model => model._Qualification.QualificationTitle)
        @Html.ValidationMessageFor(model => model._Qualification.QualificationTitle)
      </div>
 </div>

int value display

<div class="form-group">
   @Html.LabelFor(model => model._Qualification.MinCandidates, new { @class = "control-label col-md-3" })
    <div class="col-md-6">      
      @Html.EditorFor(model => model._Qualification.MinCandidates)
      @Html.ValidationMessageFor(model => model._Qualification.MinCandidates)
    </div>
 </div>

也可以将类添加到EditFor

Answer 1

您需要使用TextBoxFor，除非您创建自己的编辑器模板，以便传递类信息

@Html.TextBoxFor(model => model._Qualification.QualificationTitle, new { @class = "form-control" })

Answer 2

或者使用TwitterBootstrapMVC。它有很多你可能会觉得有用的助手。例如：

@Html.Bootstrap().FormGroup().TextBoxFor(model => model.Property)

---

声明： BMVC不适用于Bootstrap 3。 我是BMVC的作者