bootstrap 布局的问题

Question

贴代码：

<div class="col-md">

      <div class="col-md-11">

            <div class="col-sm-4 col-md-2 thumbnail xgt">

                     <a  href=""><img src="images/a.jpg"></a>

                    <a href="">标题1</a>

           </div>

            <div class="col-sm-4 col-md-2 thumbnail xgt">

                     <a  href=""><img src="images/a.jpg"></a>

                    <a href="">标题2</a>

           </div>

            <div class="col-sm-4 col-md-2 thumbnail xgt">

                     <a  href=""><img src="images/a.jpg"></a>

                    <a href="">标题3</a>

           </div>

            <div class="col-sm-4 col-md-2 thumbnail xgt">

                     <a  href=""><img src="images/a.jpg"></a>

                    <a href="">标题4</a>

           </div>

            <div class="col-sm-4 col-md-2 thumbnail xgt">

                     <a  href=""><img src="images/a.jpg"></a>

                    <a href="">标题5</a>

           </div>

            <div class="col-sm-4 col-md-2 thumbnail xgt">

                     <a  href=""><img src="images/a.jpg"></a>

                    <a href="">标题6</a>

           </div>

     </div>

     <div class="col-md-1">

           <div class="col-md more"><a href="">更多</a></div>

    </div>

</div>

效果如下：

但是缩小屏幕宽度，在小屏幕图片不能居中？这个该如何解决？

Answer 1

如果在xs屏幕尺寸下，你当前默认显示一个，那你应该img标签自定义居中处理。