c# - 我如何将 ActionLink "Add Pictures"放在导航栏的中间？

Question

我想在 NavBar 的中间放置 ActionLink“添加图片”

         <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("PicWorld", "Index", "Home", new { area = "" }, new
           {
               @class = "navbar-brand",
               style = "color: Red"
           })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>

                </ul>
                <ul   class="nav navbar-nav" >
                    <li>@Html.ActionLink("Add Pictures", "AddPictures", "Pictures")</li>

                </ul>
            </div>

我想制作那条线 "<li>@Html.ActionLink("Add Pictures", "AddPictures", "Pictures")</li>位于导航栏的中间。

Answer 1

也许我不明白，但你为什么不把它放在你的“关于”和“联系”导航栏元素之间呢？

例如:

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li>@Html.ActionLink("About", "About", "Home")</li>
        <li>@Html.ActionLink("Add Pictures", "AddPictures", "Pictures")</li>
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    </ul>
</div>