首页 > 代码库 > Bootstrap学习笔记(6)--导航居中

Bootstrap学习笔记(6)--导航居中

说明:没找到好办法

<div class="row">
            <ul class="nav nav-pills col-md-offset-4">
                <li class="active"><a href="">主页</a></li>
                <li><a href="#">主页</a></li>
                <li><a href="#">主页</a></li>
                <li class="dropdown">
                    <a data-toggle="dropdown" href="#">主页<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="">123</a></li>
                        <li><a href="">123</a></li>
                        <li><a href="">123</a></li>
                    </ul>
                </li>
            </ul>
        </div>    

这是采用了栅格,设置缩进,使看起来居中,但是手机浏览会靠到最左边。另外center-block类好像也不管用。

 

Bootstrap学习笔记(6)--导航居中