使用 Razor 语法的 Twitterbootstrap 输入组

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这不是必需的。