在 ASP.NET MVC 中的标题下方设置导航栏答案

【问题标题】：Set navbar below of the header in ASP.NET MVC在 ASP.NET MVC 中的标题下方设置导航栏
【发布时间】：2017-12-15 06:42:52
【问题描述】：

我是 ASP.Net MVC 的初学者，并试图在 _Layout.cshtml 文件的标题部分下方设置 navbar。但是经过很多努力，我可以这样设置它

_Layout.cshtml

    <div class="header">
        <div class="header_top navbar-fixed-top">
            <div class="container">
                <div class="logo">
                    <a href="index.html"><img src="~/Content/Images/logo.png" alt="" /></a>
                </div>
                <ul class="shopping_grid">
                    <a href="#"><li>Join</li></a>
                    <a href="login.html"><li>Sign In</li></a>
                    <a href="#"><li><span class="m_1">Shopping Bag</span>&nbsp;&nbsp;(0) &nbsp;<img src="~/Content/Images/bag.png" alt="" /></li></a>
                    <div class="clearfix"> </div>
                </ul>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>

    <div class="navbar navbar-inverse">
        <div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("ContactLens Store", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>

这不是正确的地方。请任何人建议我，如何在标题部分下以确切位置修复它？

【问题讨论】：

a) 请解释您认为“正确”的位置，并且 b) 这几乎肯定取决于您尚未共享的某些 CSS。看起来您主要使用的是 Bootstrap，但其中也有一些自定义类可能会产生影响。

标签： css asp.net asp.net-mvc asp.net-mvc-4

【解决方案1】：

将margin-top添加到带有类导航栏的div，如下所示：

<div class="navbar navbar-inverse" style="margin-top:40px">

【讨论】：

添加 margin-top 后，在导航栏底部显示一些空间。正如我在之前的图片中展示的那样。