在 MVC4 Twitter Bootstrap C# 中格式化文本框

Posted 2023-02-26

【中文标题】在 MVC4 Twitter Bootstrap C# 中格式化文本框

【英文标题】：Formatting Textboxes in MVC4 Twitter Bootstrap C#

【发布时间】：2013-11-26 10:11:07

【问题描述】：

我已经尝试了许多使用 VS2012 将 Twitter Bootstrap 实现到 MVC4 的教程，同时仍在尝试保留身份验证代码（即使用 Internet 应用程序）。

我的问题是，当我使用脚手架完成我定义的模型的所有 CRUD 页面时，它不使用 twitter 引导程序格式。

这是生成的代码：

    <div class="editor-label">
        @html.LabelFor(model => model.lastName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.lastName)
        @Html.ValidationMessageFor(model => model.lastName)

输出是一个普通的编辑框，而不是带有蓝色轮廓的漂亮 Twitter 框，等等......

所以我尝试了：

        @Html.TextBox("Test","",new @class="form-control")

并且完美呈现......所以我尝试了：

        @Html.EditorFor(model => model.lastName, new  @class = "form-control" )

然后它没有工作。

请有人建议我如何解决这个问题，或者我可以在哪里下载与 MVC4 集成的 Twitter-bootstrap 预制模板，这样我就可以开始编程了。

我可以提供所需的任何其他代码。

提前致谢

【参考方案1】：

那是因为你使用的方法

@Html.EditorFor( Expression<Func<TModel, TValue>> expression, object additionalViewData )

不像@Html.Textbox-Helper 那样期望“htmlAttributes”。

你可以使用

@Html.TextBoxFor( model => model.lastname, new  @class = "form-control" )

【讨论】：

非常感谢！！！你参考了哪些文档？换句话说 - 我可以参考什么来了解如何使用 TBS 进行编程？

MSDN 中记录了不同的 html 帮助器。要了解如何使用 ASP.NET 和一般剃刀语法进行编程，我建议通读 tutorials here

谢谢！！对于@html.DropDownList("viewbagItems","Select an Item");，您将如何将 TBS 风格融入其中？非常感谢:)

几乎每个助手都有一个HelperFor-方法，只需寻找接受“htmlAttributes”参数的方法重载即可。那将是定义自定义样式的正确位置。