创建菜单边框和增加菜单大小

时间:2016-06-10 06:35:38

标签: jquery html css asp.net twitter-bootstrap

我正在使用Inspina theme.i有创建菜单左侧导航菜单。现在我想添加菜单边框线如何添加边框线?我正在使用Bootstrap css.here我添加了一些我的代码请任何人帮助我吗?我需要添加边框线或每个菜单

<nav class="navbar-default navbar-static-side md-skin" role="navigation">
        <div class="sidebar-collapse" style="width: auto; height: auto;">
            <ul class="nav metismenu" id="side-menu">

                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <span>
                            <img alt="image" class="img-circle" src="~/Images/2.png" style="width: 90px; height: 90px; margin-left: 45px;" />
                        </span>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear">
                                <span class="block m-t-xs text-muted text-xs">


                                    <strong class="font-bold" style="font-size: 14px; padding-left: 0px;">@User.Identity.Name<b class="caret"></b></strong>
                                </span>@*<span class="fa arrow"></span>*@ @*<span class="text-muted text-xs block">Art Director <b class="caret"></b></span>*@
                            </span>
                        </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs btn btn-w-m btn-info">
                            <li><a href="@Url.Action("Profile", "Account")" style="font-size: 16px;">Profile</a></li>
                            @*<li><a href="@Url.Action("Contacts", "AppViews")">Contacts</a></li>*@
                            @*<li><a href="@Url.Action("Inbox", "Mailbox")">Mailbox</a></li>*@
                            @*<li class="divider"></li>*@
                            <li><a href="@Url.Action("LogOff", "Account")" style="font-size: 16px;margin-right: 38px;">Logout</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        Tick&Tie
                    </div>
                </li>



<li class="@Html.IsSelected(controller: "Client")">
                    <a href="@Url.Action("Index", "Client")"><i class="fa fa-th-large"></i> <span class="nav-label" data-i18n="nav.dashboard" style="font-size:18px">Dashboard</span> @*<span class="fa arrow"></span>*@</a>

                         </li>


                <li class="@Html.IsSelected(controller: "Projects")">
                    <a href="@Url.Action("Index", "Projects")">
                        <i class="fa fa-diamond"></i>  <span class="nav-label" data-i18n="nav.layouts" style="font-size:18px">Projects</span>

                    </a>
                </li>

                <li class="@Html.IsSelected(controller: "Profile")">
                    <a href="@Url.Action("Profile", "Account")">
                        <i class="fa fa-user"></i>  <span class="nav-label" data-i18n="nav.layouts" style="font-size:18px">Profile</span>

                    </a>
                </li>



                <li class="@Html.IsSelected(controller: "AppViews")">
                    <a href="@Url.Action("Contacts2", "AppViews")"><i class="fa fa-heart"></i> <span class="nav-label" data-i18n="nav.appviews" style="font-size:18px">Team</span></a>

                </li>
                <thead></thead>
                <td>

                <li class="@Html.IsSelected(controller: "Profile")">
                    <a href="@Url.Action("GoogleMaps", "Miscellaneous")">
                        <i class="fa fa-map-marker"></i> <span class="nav-label" data-i18n="nav.layouts" style="font-size:18px">Contact Us</span>

                    </a>
                </li>
                </td>

            </ul>
        </div>


    </nav>

0 个答案:

没有答案