Css 未正确使用样式表_Css_Asp.net Mvc 4_Twitter Bootstrap_Layout

Css 未正确使用样式表

css asp.net-mvc-4 twitter-bootstrap layout

Css 未正确使用样式表,css,asp.net-mvc-4,twitter-bootstrap,layout,Css,Asp.net Mvc 4,Twitter Bootstrap,Layout,我正在为一个新的ASP.NET（MVC）应用程序使用Twitter的引导框架。这一切都很好，但我的Site.css文件有一个问题没有被正确使用。我已经意识到这个.css文件导致我的navbar顶部的边距过大：有问题的项目是Chrome对话框中突出显示的50px。我看了一下Style.css，实际上主体填充顶部是50px body { padding-top: 50px; padding-bottom: 20px; } 所以我把这个改成了 body { padding

我正在为一个新的ASP.NET（MVC）应用程序使用Twitter的引导框架。这一切都很好，但我的Site.css文件有一个问题没有被正确使用。我已经意识到这个.css文件导致我的

navbar

顶部的边距过大：

有问题的项目是Chrome对话框中突出显示的50px。我看了一下Style.css，实际上

主体

填充顶部

是50px

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

所以我把这个改成了

body {
    padding-top: 20px;
    padding-bottom: 20px;
}

但是问题仍然存在，当我检查这个项目时，它仍然在Chrome对话框的Site.css中显示50px如何更新Style.css以保持更改？

_Layout.cshtml文件的代码为：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        @String.Format("{0} - {1}", 
            ViewBag.Title, 
            VisasysNET.Utilities.Constants.Visasys)
    </title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="container">
        <div class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button"
                            class="navbar-toggle"
                            data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    @Html.ActionLink(VisasysNET.Utilities.Constants.Visasys,
                        "Index", "Home", null, new { @class = "navbar-brand" })
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
                        <li>@Html.ActionLink("Consultancy", "Index", "Consultancy")</li>
                        <li>@Html.ActionLink("Products", "Index", "Products")</li>
                        <li>@Html.ActionLink("Our Clients", "Index", "OurClients")</li>
                        <li>@Html.ActionLink("About", "About", "Home")</li>
                        <li>@Html.ActionLink("Contacts", "Index", "Contacts")</li>
                    </ul>
                    @Html.Partial("_LoginPartial")
                </div>
            </div> <!--container-fluid-->
        </div> <!--navbar-->
        @RenderBody()
        <hr />
        <footer>
            <p>
                &copy;
                @String.Format("{0} - {1}",
                    DateTime.Now.Year,
                    VisasysNET.Utilities.Constants.Visasys)
            </p>
        </footer>
        @*</div>*@
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @RenderSection("scripts", required: false)

    </div>
</body>
</html>


@String.Format（“{0}-{1}”，
ViewBag.Title，
VisasysNET.Utilities.Constants.Visasys）
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）
切换导航
@Html.ActionLink（VisasysNET.Utilities.Constants.Visasys，
“索引”，“主页”，空，新{@class=“navbar品牌”}）

@Html.ActionLink（“主页”、“索引”、“主页”）
@ActionLink（“咨询”、“索引”、“咨询”）
@ActionLink（“产品”、“索引”、“产品”）
@ActionLink（“我们的客户”、“索引”、“我们的客户”）
@ActionLink（“关于”、“关于”、“主页”）
@ActionLink（“联系人”、“索引”、“联系人”）

@Html.Partial（“_LoginPartial”）
@RenderBody（）


&抄袭；
@String.Format（“{0}-{1}”，
DateTime.Now.Year，
VisasysNET.Utilities.Constants.Visasys）

@**@
@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/bootstrap”）
@RenderSection（“脚本”，必需：false）

听起来像是缓存问题。在浏览器中按住CTRL键并按F5键