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

Question

我是 ASP.Net MVC 的初学者，正在尝试在 _Layout.cshtml 文件的 header 部分下方设置 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>

不在正确的位置。请有人建议我，我怎样才能在标题部分的确切位置修复它？

Answer 1

使用 class navbar 将 margin-top 添加到 div，如下所示:

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