Asp.net mvc 为什么我的引导标题会覆盖其他内容？_Asp.net Mvc_Twitter Bootstrap_Css

Asp.net mvc 为什么我的引导标题会覆盖其他内容？

asp.net-mvc twitter-bootstrap css

Asp.net mvc 为什么我的引导标题会覆盖其他内容？,asp.net-mvc,twitter-bootstrap,css,Asp.net Mvc,Twitter Bootstrap,Css,我在使用Bootstrap的网格系统时遇到了一个问题，现在发生的是，我的导航条似乎覆盖了其他内容，而这些内容本来就在它下面我在这个项目中使用ASP.NETMVC，所以我所做的就是设置一个这样的布局页面 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>You Hire it Ltd<

我在使用Bootstrap的网格系统时遇到了一个问题，现在发生的是，我的导航条似乎覆盖了其他内容，而这些内容本来就在它下面

我在这个项目中使用ASP.NETMVC，所以我所做的就是设置一个这样的布局页面

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>You Hire it Ltd</title>
    <script src="~/scripts/jquery-2.2.4.js"></script>
    <script src="~/scripts/bootstrap.js"></script>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/style.css" rel="stylesheet" />
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <header>
                <nav class="navbar navbar-default navbar-fixed-top">

                    <div class="col-md-8">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#">
                                You Hire It
                            </a>
                        </div>
                        <ul class="nav nav-pills">
                            <li class="active">@Html.ActionLink("Home", "Index")</li>
                            <li>@Html.ActionLink("About", "About")</li>
                            <li>@Html.ActionLink("T&Cs", "Legal")</li>
                            <li>@Html.ActionLink("Contact us", "Contact")</li>

                        </ul>

                    </div>
                    <div class="col-md-offset-2"></div>

                    <div class="col-md-2 pull-right">
                        <div class="container-fluid">
                            <div class="ButtonWrapper">
                                <button class="btn btn-success">Sign up/Login</button>
                            </div>

                        </div>

                    </div>
                </nav>
            </header>
        </div>

    </div>
    @RenderBody()




</body>
</html>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">

            <h1>Hello</h1>
        </div>
    </div>

</div>


你雇佣它有限公司

@Html.ActionLink（“主页”、“索引”）
@ActionLink（“关于”，“关于”）
@Html.ActionLink（“T&Cs”、“法律”）
@ActionLink（“联系我们”、“联系”）

注册/登录
@RenderBody（）

所讨论的页面是这样的

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>You Hire it Ltd</title>
    <script src="~/scripts/jquery-2.2.4.js"></script>
    <script src="~/scripts/bootstrap.js"></script>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/style.css" rel="stylesheet" />
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <header>
                <nav class="navbar navbar-default navbar-fixed-top">

                    <div class="col-md-8">
                        <div class="navbar-header">
                            <a class="navbar-brand" href="#">
                                You Hire It
                            </a>
                        </div>
                        <ul class="nav nav-pills">
                            <li class="active">@Html.ActionLink("Home", "Index")</li>
                            <li>@Html.ActionLink("About", "About")</li>
                            <li>@Html.ActionLink("T&Cs", "Legal")</li>
                            <li>@Html.ActionLink("Contact us", "Contact")</li>

                        </ul>

                    </div>
                    <div class="col-md-offset-2"></div>

                    <div class="col-md-2 pull-right">
                        <div class="container-fluid">
                            <div class="ButtonWrapper">
                                <button class="btn btn-success">Sign up/Login</button>
                            </div>

                        </div>

                    </div>
                </nav>
            </header>
        </div>

    </div>
    @RenderBody()




</body>
</html>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6">

            <h1>Hello</h1>
        </div>
    </div>

</div>


你好

我不完全确定是什么导致了这种行为，任何指点都将不胜感激

谢谢各位：）

你们需要在顶部添加填充物。从：

固定导航栏将覆盖其他内容，除非在正文顶部添加填充

所以在你的

style.css中，你需要
body {
   padding-top:70px;
}