中心导航栏 (ASP.NET MVC)

Question

我有一个导航栏，元素需要在导航栏中居中。我试图用保证金来做到这一点，但是，它不起作用。关于如何使用 CSS 实现这一点的任何建议？

这是代码：

<div class="navbar ">
    <div class="container" style="margin-left: 160px;">
        <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("Видео Интрервью", "Index", "Home", new {area = ""}, new {@class = "navbar-brand"})-->
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li>@Html.ActionLink("Компании", "Index", "Companies")</li>
                <li>@Html.ActionLink("Подтвержденные", "Approved", "Interwier")</li>
                <li>@Html.ActionLink("Приглашения", "Individual", "InvitationMails")</li>
                <li>@Html.ActionLink("Создать интервью", "WelcomeScreen", "Questions")</li>
                <li>@Html.ActionLink("Просмотр", "Viewing", "Interwier")</li>
                <li>@Html.ActionLink("Входящие", "Incoming", "Interwier")</li>
                <li>@Html.ActionLink("Архив", "Archive", "Interwier")</li>
            </ul>
            @Html.Partial("_LoginPartial2")
        </div>
    </div>
</div>

这些是 CSS 类：

.navbar-nav {
    float:none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    color: #000000;
    font-size: 18px;
}

Answer 1

在导航栏标题之前添加新的 div header_box。 CSS 将是 position:relative; 希望这会奏效。