具有Razor语法的Twitter Bootstrap输入组

Question

我试图转换此html：

<div class="col-lg-6">
    <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox">
      </span>
      <input type="text" class="form-control">
    </div><!-- /input-group -->
</div><!-- /.col-lg-6 -->

这样的Razor语法：

<div class="col-lg-6">
    <div class="input-group">
        <span class="input-group-addon">
            @Html.CheckBoxFor(model => model.Negotiable, new { @class = "form-control", @checked = "checked" })
        </span>
        @Html.TextBoxFor(model => model.Price, new { id = "price", @class = "form-control", })
    </div><!-- /input-group -->
</div><!-- /.col-lg-6 -->

但这是我得到的结果：

在左侧，您会看到一个垂直灰色的东西，它应该显示一个复选框。

我错过了什么？

Answer 1

鉴于您的问题中的示例HTML是正确的。然后这就是Razor的等价物。

<强>剃刀

<div class="col-lg-6">
    <div class="input-group">
        <span class="input-group-addon">
        @Html.CheckBoxFor(model => model.Negotiable, new { @checked = "checked" })
        </span>
        @Html.TextBoxFor(model => model.Price, new { id = "price", @class = "form-control", })
    </div><!-- /input-group -->
</div><!-- /.col-lg-6 -->

不同之处在于，我已从form-control删除了@Html.CheckBoxFor课程，因为这不是必需的。