Html 引导导航栏页脚收缩到移动大小时无法正常工作

            <div class="row" id="social">
                <div class="col-md-4 col-md-push-4" id="copyrights">
                    <h6> Copyright &copy; 2016 reversed  </h6>
                </div><!--col-sm-2-->


                <!--
                <div class="col-sm-4" id="navigation" >



                </div><!--sm-2-->
                <div class="col-xs-2 col-xs-push-6 social-circle" >


                      <ul class="social-network social-circle ">
                    <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook fa-1px"></i></a></li>

                    <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>

                </ul>   
                </div>
                </div>  
            </div>

        </div> <!--end -->

当我看到我的页脚是这样的。。这对不对。 如果不是，则说明我犯了什么错误，以及正确的解决方法。

在此处输入代码

            <div class="row" id="social">
                <div class="col-md-4 col-md-push-4" id="copyrights">
                    <h6> Copyright &copy; 2016 reversed  </h6>
                </div><!--col-sm-2-->


                <!--
                <div class="col-sm-4" id="navigation" >



                </div><!--sm-2-->
                <div class="col-xs-2 col-xs-push-6 social-circle" >


                      <ul class="social-network social-circle ">
                    <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook fa-1px"></i></a></li>

                    <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>

                </ul>   
                </div>
                </div>  
            </div>

        </div> <!--end -->

版权及副本；2016年逆转

你能提供一把小提琴吗？你能提供一把小提琴吗？