我怎么能放在导航栏的中间，例如 ActionLink“添加图片”？答案

【问题标题】：How i can put in the middle of a navbar for exemple the ActionLink "Add Pictures"?我怎么能放在导航栏的中间，例如 ActionLink“添加图片”？
【发布时间】：2019-12-07 03:44:45
【问题描述】：

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

         <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> 位于导航栏的中间。

【问题讨论】：

标签： c# html css asp.net

【解决方案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>

【讨论】：

因为我想把添加图片放在导航栏的中间，而不是和其余的在同一个角落。