html - 如何将 css 和元素样式应用于 ASP.net MVC 3 Web 应用程序

Question

如何将 css 和元素样式应用到 ASP.net MVC 3 Web 应用程序。我在这里发布我当前的元素 View 代码来解释我的问题。

@{
ViewBag.Title = "FranchIndex";
Layout = "~/Views/Shared/_LayoutMaster.cshtml";
}

<h2>FranchIndex</h2>

<div class="login-wrap">
            <div class="login-head">
                <h3>Franchise Login</h3>
            </div>
            <form action="#" method="get">
                <div class="login-form">
                    <ul>
                        <li><i class="icon-user"></i><input type="text" class="login-user-input" @Html.TextBoxFor(Model => Model.UserName)></li>
                        <li><i class="icon-key"></i><input type="password" class="login-pass-input" @Html.TextBoxFor(Model=>Model.Password)></li>
                    </ul>
                </div>
                <div class="login-action">
                    <button type="submit" class="backend-login-btn btn btn-block btn-large btn-inverse">Login</button>
                    <ul class="login-initial clearfix">
                        <li class="pull-left"><a href="#">Forgot Password?</a></li>
                        <li class="pull-right"><span class="rem-check"><input type="checkbox" checked></span>Remember Me</li>
                    </ul>
                </div>
            </form>
            @*<h5>If You are a Franchise,Please @Html.ActionLink("Login Here", "FranchIndex", "Login") </h5> *@
        </div>

Answer 1

在_LayoutMaster.cshtml中包含:

 @Styles.Render("~/Content/common")

在 App_Start/bundleConfig.css 中

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        // Shared Styling
        bundles.Add(new StyleBundle("~/Content/common").Include(
                        "~/Css/Common.css",
                        "~/Css/jqueryui.css",
                        "~/Css/chosen.css"
                    ));
    }
}

或您拥有的个人样式 CSS 文件的任何组合。

最后在 global.asax 中:

 protected void Application_Start()
 {
     BundleConfig.RegisterBundles(BundleTable.Bundles);
 }