Html 引导列工作不正常

我在引导列方面遇到了一些问题，它们没有按照预期的方式工作。在下图中，4个配置文件框必须居中…与“智能与创意”部分中3列居中的方式相同。不幸的是，我无法链接到JSFIDLE，但我已经提供了代码供您在图片下方查看，在css的代码部分向下滚动。

Smart&；创造性的
这就是您将使用它的原因：）

多用途
这是我的荣幸，

扁平风格
这是我的荣幸，

创意设计
这是我的荣幸，

才华横溢,；专家
这是我们的团队

马哈茂德·巴加霍
高级用户界面设计师

跟随
马哈茂德·巴加霍
高级用户界面设计师

跟随
马哈茂德·巴加霍
高级用户界面设计师

跟随
马哈茂德·巴加霍
高级用户界面设计师

跟随
CSS
//聪明伶俐
.聪明创意{
背景色：$theme1颜色；
颜色：白色；
.头衔{
文本对齐：居中；
填充顶部：10px；
p{
颜色：$标题颜色；
}
}
.圆圈{
填充顶部：25px；
h4，p{
文本对齐：居中；
}
p{
颜色：$标题颜色；
}
.css用于圆{
高度：100px；
宽度：100px；
背景颜色：$标题颜色；
边界半径：50px；
背景位置：中心；
背景重复：无重复；
保证金：0自动；
}
.圆圈1{
背景图片：url（“../imgs/multi.png”）；
@扩展.css表示圆；
}
.圆圈2{
背景图像：url（“../imgs/flat.png”）；
@扩展.css表示圆；
}
.圆圈3{
背景图片：url（“../imgs/creative.png”）；
@扩展.css表示圆；
}
}
}
//团队
.团队{
背景色：$theme2色；
.队名{
h2，p{
文本对齐：居中；
}
}
.配置文件包装器{
保证金：0自动；
宽度：95%；
溢出：隐藏；
.简介{
最大宽度：230px；
高度：341px；
背景色：白色；
边界半径：5px；
.pic支架{
最大宽度：164px；
高度：164px；
边界半径：82px；
背景色：$theme2色；
保证金：0自动；
位置：相对位置；
顶部：25px；
盒影：插入3px 3px 6px-2px#48804B；
-moz盒阴影：插入3px 3px 6px-2px#48804B；
-网络工具包盒阴影：插入3px 3px 6px-2px#48804B；
-o形盒阴影：插入3px 3px 6px-2px#48804B；
背景图像：url（“http://placehold.it/147x147");
背景重复：无重复；
背景大小：90%；
背景位置：中心；
}
.描述{
填充：45px 0 20px 0；
h5，p{
文本对齐：居中；
}
}
.推特按钮{
最大宽度：204px；
高度：43px；
背景色：$theme2色；
保证金：0自动；
边界半径：2px；
.fa推特{
字体大小：35px；
颜色：白色；
}
}
}
}
}

此分区：

<div class="container">

应为持有以下文件的人：

<div class="row">

正确的方法，例如：

<div class="container">
   <div class="row">
      <div class="title col-xs-12">
          <h2>Smart &amp; Creative</h2>
          <p>This is why you will use it :)</p>
      </div>
   </div>
</div>

Smart&；创造性的
这就是您将使用它的原因：）

此分区：

<div class="container">

应为持有以下文件的人：

<div class="row">

正确的方法，例如：

<div class="container">
   <div class="row">
      <div class="title col-xs-12">
          <h2>Smart &amp; Creative</h2>
          <p>This is why you will use it :)</p>
      </div>
   </div>
</div>

Smart&；创造性的
这就是您将使用它的原因：）

首先，行应该位于容器内

但真正的问题是在此处设置最大宽度：

.profiles{max-width: 230px;}

---

您不能让列扩展到其自然宽度。

首先，行应该位于容器内

.team .profile-wrapper .profiles {
 max-width: 230px; 
}

但真正的问题是在此处设置最大宽度：

.profiles{max-width: 230px;}

不能让柱扩展到其自然宽度

.team .profile-wrapper .profiles {
 max-width: 230px; 
}

正在使列宽比应该的更小。 我已经为您创建了代码盘，请检查

正在使列宽比应该的更小。 我已经为您创建了代码盘，请检查

---

这解决了问题。非常感谢。这解决了问题。非常感谢。我只是建议了一种清理代码的方法，但是Ivan有正确的答案。。。注意最大宽度我只是建议了一种清理代码的方法，但是Ivan有正确的答案。。。注意最大宽度