bootstrap div没缩小窗口处于右侧 缩小窗口后处于内容中间（第二张图片的导航内容在居中）

Question

<div class="container"> <div class="row">     <nav class="navbar navbar-default" role="navigation">     <div class="container-fluid">      <div class="navbar-header">         <button type="button" class="navbar-toggle" data-toggle="collapse"                 data-target="#example-navbar-collapse">             <span class="sr-only">切换导航</span>             <span class="icon-bar"></span>             <span class="icon-bar"></span>             <span class="icon-bar"></span>         </button>         <img src="muia/images/logo.png" >     </div>     <div class="collapse navbar-collapse " id="example-navbar-collapse">         <ul class="nav navbar-nav pull-right">             <li><a href="#">首页</a></li>             <li><a href="#">分栏一</a></li>             <li><a href="#">分栏二</a></li>             <li><a href="#">分栏三</a></li>             <li><a href="#">分栏四</a></li>         </ul>     </div>     </div> </nav> </div> </div>