为什么微信的这个列在大屏的情况下右移了，不是刚好12列，怎么会断行，不知道哪里错了

<div class="container">

        <div class="row" style="margin-top:10px;">

            <div class="col-xs-12  col-md-2 col-lg-2 col-lg-offset-1 text-center">

                <a href="http://bszs.conac.cn/sitename?method=show&id=09AE392416A45E72E053012819AC0703"><img src="http://hbj.jiangmen.gov.cn/images/red.png" style=""/></a>

            </div>

            <div class="col-xs-12  col-md-6 col-lg-4 col-lg-offset-1 text-center" style="margin-bottom:5px;">  

                <ul class="list-inline">

                    <li><a href="http://hbj.jiangmen.gov.cn/dblj/200807/t20080718_710.htm" style="padding-right:13px">网站地图</a>|</li>

                    <li><a href="http://hbj.jiangmen.gov.cn/dblj/200807/t20080718_709.htm" style="padding-right:13px">版权声明</a>|</li>

                    <li><a href="http://hbj.jiangmen.gov.cn/dblj/200807/t20080718_708.htm" style="padding-right:13px">交通指引</a>|</li>

                    <li style=" background:none;"><a href="http://hbj.jiangmen.gov.cn/dblj/200807/t20080717_698.htm">联系方式</a></li>

                </ul>

            </div>

            <div class="col-xs-4 col-xs-offset-2 col-md-1 col-lg-2 text-center">

                 <img src="http://hbj.jiangmen.gov.cn/images/wxqr.png" />

                 <p>微信</p>

            </div>

            <div class="col-xs-4 col-md-1 col-lg-2 text-center">

                 <img src="http://hbj.jiangmen.gov.cn/images/wbqr.png" />

                 <p>微博</p>

            </div>                   

         </div>

       </div>