jquery - Bootstrap 行居中问题

Question

我正在使用最新的 Bootstrap 3 为 friend 起草网站，但在页面上居中元素时遇到问题。通常我会做这样的事情:

.center{
    width: 90%;
    margin: 0 auto;
}

但这没有任何效果。

我想做的是像这样设置桌面 View :

item    item    item
    item    item

平板电脑的 View 是这样的

item    item
item    item
    item

但我得到的结果是所有元素都向左移动。

您可以查看网站 here .

Answer 1

首先，您的行需要被 .container 包围

其次，要实现这一点，只需为您的列做偏移量？

所以我通常会这样做:

.row
   .col-md-4.text-center    //.text-center  is to center your text and image within the column
   .col-md-4.text-center
   .col-md-4.text-center

.row
   .col-md-4.col-md-offset-2.text-center
   .col-md-4.text-center