海力源码logo图片
400电话图片
热门关键词:  响应式网站    设计网站    营销型网站   
源码资讯
当前位置:首页 > 源码资讯 > 解决bootstrap导航条居中显示的问题

解决bootstrap导航条居中显示的问题

资讯来源:海力源码    点击次数:723    更新时间:2019-12-13 10:06:18
第一种方法
<div class="navbar-collapse collapse" style="text-align: center;">
    <ul class="nav navbar-nav" style="display: inline-block;float: none;">
        <li class="">
            <a href="#">首页</a>
        </li>
        <li class="">
            <a href="#">加入我们</a>
        </li>
        <li class="">
            <a href="#">联系我们</a>
        </li>
    </ul>
</div>
第二种方法
<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav" style="float:none;text-align:center;">
        <li class="" style="float:none;display:inline-block;margin:0em;">
            <a href="#">首页</a>
        </li>
        <li class="" style="float:none;display:inline-block;margin:0em;">
            <a href="#">加入我们</a>
        </li>
        <li class="" style="float:none;display:inline-block;margin:0em;">
            <a href="#">联系我们</a>
        </li>
    </ul>
</div>
  • 海力源码手机版
  •  联系客服小美