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

不過這是結果我得到：

在左邊你看到一個ver應該顯示一個複選框的灰色東西。

我錯過了什麼？

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

不同的是，我從@Html.CheckBoxFor刪除類form-control，因爲這不是必需的。