無法在MVC中設置適當的邊距與引導程序的CSS

我正在開發MVC應用程序。帶靴帶。無法在MVC中設置適當的邊距與引導程序的CSS

我想爲第一個名稱字段設置保證金。

請檢查下面的圖片。 enter image description here

現在的問題是驗證消息沒有正確顯示。我想在第一個名字下方顯示驗證消息。如果我使用了超過20像素的邊距，那麼文本框會出現在名字標籤下方。

如何做到這一點？

以下是代碼。

<div class="span6">  
    <div class="editor-label span3"> 
     @Html.LabelFor(model => model.FirstName, "First Name") 
    </div> 
    <div class="editor-field span6 InputBoxMargin" style="width:290px; margin-right:20px;"> 
    @Html.TextBox("FirstName",null, new {style = "width:210px;" }) 
    @Html.ValidationMessageFor(model => model.FirstName,"You can't leave this empty.") 
    </div> 
</div>

來源

2013-05-30 bnil

@ Html.ValidationMessageFor什麼（型號=> model.FirstName，「** **
你不能離開這個空。」） – snumpy

謝謝，但我不想使用
– bnil

你有沒有考慮過使用Bootstrap表單？有一個非常好的拖放生成器here。使用表單意味着您的利潤將被保留。

喜歡的東西

<div class="form-horizontal"> 
    <div class="control-group"> 
     @Html.LabelFor(model => model.FirstName, "First Name") 
     <div class="controls"> 
      @Html.TextBox("FirstName",null, new {style = "width:210px;" }) 
      <p class="help-block"> 
       @Html.ValidationMessageFor(model => model.FirstName,"You can't leave this empty.") 
      </p> 
     </div> 
    </div> 
</div>

編輯：對於拖放鏈接 -