无法在MVC表单中添加CSS样式

时间:2015-10-22 08:55:02

标签: css asp.net-mvc

我开发了 MVC项目,我想设计我的项目,但它没有正常工作;我不能设计我的表格。 从控件,按钮和输入区域我如何才能完成项目?我想要一些帮助

我的代码

NT Service\MSSQLSERVER

2 个答案:

答案 0 :(得分:3)

您可以多种方式添加css 。最好的方法是创建自己的css文件并使其成为 Bundles 。或者你可以把它放在_Layout.cshtml头部:

 <style>
    .custom-class{
        border:1px solid red;
    }
</style>

然后使用它非常简单:

<div class="form-group custom-class">
        @Html.LabelFor(model => model.LastName, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.LastName, new { htmlAttributes = new { @class = "form-control " } })
            @Html.ValidationMessageFor(model => model.LastName, "", new { @class = "text-danger" })
        </div>
    </div>

希望这会有所帮助:)

答案 1 :(得分:2)

您必须执行以下步骤:

  • 使用您想要应用的样式规则创建CSS文件(您将很容易找到许多CSS文件创建教程)。
  • 在StyleBundle中添加创建的CSS文件。为此,请转到“BundleConfig.cs”文件,并添加以下行(用实际值替换包名称和CSS文件路径):

    bundles.Add(new StyleBundle(“〜/ NameOfTheBundle”)。包含(“〜/ Content / YourCssFile.css”));

  • 将创建的包的引用添加到您的cshtml文件中(位于文件顶部的&lt; head&gt;标记之间):

    @ Styles.Render( “〜/ NameOfTheBundle”)

bundle是.NET框架从一个或多个CSS(或javascript)文件生成的文件。它允许将CSS规则分组到一个文件中,以避免客户端恢复服务器上的许多CSS文件(保存客户端/服务器请求)。

如果我的答案不够明确,请告诉我。