Question

我有一个问题集中在下拉菜单按钮上。我正在使用ASP.NET MVC 5中的引导程序。

这是html代码：

            <div class="navbar-center">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">HR Online<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Job Postings</a></li>
                            <li><a href="#">HR Manual</a></li>
                            <li><a href="#">Training</a></li>
                            <li><a href="#">Benefits</a></li>
                        </ul>
                    </li>

我使用包含整个下拉菜单的div。它的类名是“navbar-center” 我可以使用填充它会工作。但我不相信这是最有效的中心方式。

我使用了align-content，align-items和align-self。他们都没有工作。我必须坚持使用padding吗？

注意：它不是我要对齐的文字，而是按钮。（在按下菜单之前按下的按钮）

Answer 1

只需使用text-align：将锚点置于

中心

.dropdownmenu > li > a {
   text-align: center;

}

Bootply：http://www.bootply.com/oHwP1hHbnq

中心引导下拉菜单

1 个答案: