Html 引导3网格移动视图。span6？

你好，我有一个问题，我的网站，我一直试图堆叠我的卡下一个和其他，而不是并排在移动视图。问题是如果我在twitter-bootstrap-3中使用.span6，卡会伸出，我想保持相同的比例。 我希望它与上面的项目选择相同

网站：

例如：

我想像项目一样堆叠成员图像

/*字体更改*/
@导入url(https://fonts.googleapis.com/css?family=Arvo:700);
/**导航条规则*/
.导航条固定顶部.导航{
填充：15px0；
}
.导航条固定顶部.导航条品牌{
填充：0 15px；
}
@介质（最小宽度：768px）{
.导航条固定顶部.导航条品牌{
填充：15px0；
}
}
/*字体更改*/
h1{
字体系列：“Arvo”，衬线；
}
/*装载*/
.no js#loader{display:none；}
.js#loader{显示：块；位置：绝对；左：100px；顶部：0；}
.装载{
位置：固定；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
z指数：9999；
背景：url（../img/load.gif）中心无重复#34495e；
}
/*选择选项卡*/
.关于标签{
身高：100%；
填充顶部：100px；
背景：#e0；
填充底部：100px；
}
.服务标签{
身高：100%；
填充顶部：100px；
背景：#EEEEEE；
填充底部：100px；
}
.项目选项卡{
身高：100%；
填充顶部：100px；
背景：#fff；
填充底部：100px；
}
.成员选项卡{
身高：100%；
填充顶部：100px；
背景：#FAFAFA；
填充底部：100px；
}
.联系人选项卡{
身高：100%；
填充顶部：100px；
背景：#fff；
}
/*谷歌地图响应*/
.谷歌地图{
位置：相对位置；
垫底：75%；
身高：0；
溢出：隐藏；
}
.google地图iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%！重要；
身高：100%！重要；
边界：0；
}
/*悬停效果项目选项卡*/
.悬停效应{
宽度：100%；
身高：100%；
浮动：左；
溢出：隐藏；
位置：相对位置；
文本对齐：居中；
游标：默认值；
背景#8dd8f8；
}
.hovereffect.overlay{
宽度：100%；
身高：100%；
位置：绝对位置；
溢出：隐藏；
排名：0；
左：0；
填充：50px 20px；
}
.悬停效应{
显示：块；
位置：相对位置；
最大宽度：无；
宽度：计算（100%+20px）；
-webkit转换：不透明度0.35s，-webkit转换0.35s；
过渡：不透明度0.35s，变换0.35s；
-webkit转换：translate3d（-10px，0，0）；
转换：translate3d（-10px，0，0）；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
}
.悬停效果：悬停img{
不透明度：0.4；
过滤器：α（不透明度=40）；
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
.悬停效应h2{
文本转换：大写；
颜色：黑色；
文本对齐：居中；
位置：相对位置；
字号：17px；
溢出：隐藏；
填充：0.5em0；
背景色：透明；
}
.h2：之后{
位置：绝对位置；
底部：0；
左：0；
宽度：100%；
高度：2倍；
背景：黑色；
内容：''；
-webkit转换：-webkit转换0.35s；
转变：转变0.35s；
-webkit转换：translate3d（-100%，0，0）；
转换：translate3d（-100%，0，0）；
}
.悬停效果：悬停h2:之后{
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
.a，
.悬停效应{
颜色：黑色；
不透明度：0；
过滤器：alpha（不透明度=0）；
-webkit转换：不透明度0.35s，-webkit转换0.35s；
过渡：不透明度0.35s，变换0.35s；
-webkit转换：translate3d（100%，0，0）；
转换：translate3d（100%，0，0）；
}
.悬停效果：悬停a，
.悬停效果：悬停p{
不透明度：1；
过滤器：α（不透明度=100）；
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
/*导航条颜色*/
.navbar默认值{
背景色：#607d8b；
边框颜色：#ffffff；
字体系列：“Arvo”，衬线；
}
.navbar默认值.navbar品牌{
颜色：#000000；
}
.navbar默认值。navbar品牌：悬停，
.navbar默认值。navbar品牌：焦点{
颜色：#000000；
}
.navbar默认值.navbar文本{
颜色：#000000；
}
.navbar默认值.navbar nav>li>a{
颜色：#000000；
}
.navbar默认值.navbar nav>li>a:悬停，
.navbar默认值。navbar导航>li>a:焦点{
颜色：#000000；
}
.navbar默认值.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:悬停，
.navbar默认值.navbar nav>.active>a:焦点{
颜色：#000000；
背景色：#ffffff；
}
.navbar默认值.navbar导航>.open>a，
.navbar默认值.navbar导航>.open>a:悬停，
.navbar默认值.navbar导航>.open>a:焦点{
颜色：#000000；
背景色：#ffffff；
}
.navbar默认值.navbar切换{
边框颜色：#ffffff；
}
.navbar默认值.navbar切换：悬停，
.navbar默认值。navbar切换：焦点{
背景色：#ffffff；
}
.navbar默认值.navbar切换.图标栏{
背景色：#000000；
}
.navbar默认值。navbar折叠，
.navbar默认值.navbar表单{
边框颜色：#000000；
}
.navbar默认值.navbar链接{
颜色：#000000；
}
.navbar默认值.navbar链接：悬停{
颜色：#000000；
}
@介质（最大宽度：767px）{
.navbar默认值.navbar导航打开.下拉菜单>li>a{
颜色：#000000；
}
.navbar默认值.navbar导航打开.下拉菜单>li>a:悬停，
.navbar默认值.navbar导航打开.下拉菜单>li>a:焦点{
颜色：#000000；
}
.navbar默认值.navbar导航.打开.下拉菜单>.active>a，
.navbar默认值.navbar导航.打开.下拉菜单>.active>a:悬停，
.navbar默认值.navbar导航.打开.下拉菜单>.active>a:焦点{
颜色：#000000；
背景色：#ffffff；
}
}
/*视差回家*/
.ha bg视差{
背景：url（“../img/kiruna.JPG”）无重复修复