时间戳

首页 > 解决方案 > 我怎样才能将ActionLink“添加图片”放在导航栏的中间？

c# - 我怎样才能将ActionLink“添加图片”放在导航栏的中间？

问题描述

我想把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#htmlcssasp.net

解决方案

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

例如：

<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>

推荐阅读