asp.net-mvc-3 - 无法在 MVC 中使用引导 css 设置适当的边距

Question

我正在开发 MVC 应用程序。带引导带。

我正在尝试为名字字段设置边距。

请检查下图。

现在的问题是验证消息没有正确显示。我想在名字下方显示验证消息。如果我使用的边距超过 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>

Answer 1

您是否考虑过使用 Bootstrap 表单？这里有一个非常好的拖放生成器。使用表格意味着为您处理好边距。

就像是

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

编辑：对于拖放链接 -

• 通过将组件拖放到画布上来构建表单
• 单击“渲染”选项卡
• 复制/粘贴 HTML
• 瞧！

可能需要一些时间来参考 Github/docs 站点以了解它为什么/如何工作。

Answer 2

请参考以下链接。你会得到你想要的

http://bootsnipp.com/resources

http://twitter.github.io/bootstrap/javascript.html