Asp.net mvc 具有Razor语法的Twitterbootstrap输入组

我正在尝试转换此

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 -->

但我得到的结果是：

在左边你看到一个垂直的灰色的东西，它应该显示一个复选框

---

我遗漏了什么？

假设您问题中的示例HTML是正确的。那么这就是它的剃须刀

剃须刀

<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 -->

@CheckBoxFor（model=>model.coverable，新的{@checked=“checked”}）
@Html.TextBoxFor（model=>model.Price，新的{id=“Price”，@class=“form control”，}）

---

区别在于，我已经从

@Html.CheckBoxFor

中删除了类

表单控件

，因为这不是必需的。

假设您问题中的示例Html是正确的。那么这就是它的剃须刀

剃须刀

<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 -->

@CheckBoxFor（model=>model.coverable，新的{@checked=“checked”}）
@Html.TextBoxFor（model=>model.Price，新的{id=“Price”，@class=“form control”，}）

---

区别在于，我已经从

@Html.CheckBoxFor

中删除了类

表单控件，因为这不是必需的。
razor code中呈现的Html是什么？嗨，我正在研究这个问题，但科林的答案似乎解决了这个问题。谢谢你的意见！razor代码中呈现的HTML是什么？嗨，我正在研究这个问题，但科林的答案似乎解决了这个问题。谢谢你的意见！