Css 没有引导列的换行

我已经从w3layouts.com下载了一个现成的HTML5网站模板，该模板在CC3.0许可下。因为像Bootstrap等使用的脚本都是旧版本，所以我正在更新这些脚本和源代码。但我有一个无法解决的问题。我是Bootstrap的新手，这是我第一次使用它。我厌倦了为自己的设计编写代码。：）

原始/旧模板使用Bootstrap v3.3.4，我现在使用4.0.0-beta

正如你所看到的，“我的服务”部分是所有的形状。但在专栏里，你不会被包裹。我已经尝试了很多东西，在谷歌上搜索了很多，但没有找到解决办法

以下是源代码：

• HTML:https://pastebin.com/njmymqak2
• CSS:https://pastebin.com/AdYUTtFe

---

（很抱歉，我不得不修改pastebin链接“因为我不是知名的atm:”）

您使用的引导版本似乎没有将列宽除以%，而且它们也没有向左浮动

在HTML中，围绕每一列的行存在一个大问题

<div class="row"> <!-- This wraps the column and defeats its purpose -->
 <div class="col-xs-4 wthree_about_right_grid_left">
   <div class="hvr-rectangle-in">
      <i class="glyphicon glyphicon-pencil"></i>
   </div>
 </div>
</div>

首先删除该行，然后您将希望使柱向左浮动，并确定其宽度（单位为%）

像这样：

通过这样做，您可以让它像您的模板一样工作，并最终解决您最初的问题

---

如果使用与模板兼容的引导版本，您将受益匪浅。

您的链接对我无效。我认为你应该在帖子中发布html/css代码。Bootstrap4使用flexbox作为它的网格系统，而不是浮动！对，因此我的答案是矛盾的。将Bootstrap 3模板与Bootstrap 4混合使用不是一个好的起点。感谢您的解决方案。我试试看。但是如果你说使用Bootstrap3版本更好，那么也许我应该停止更新并使用原始版本。我的想法是更新模板。它看起来像我想的那样更复杂。：）啊，顺便说一句，我划了col的船，因为Bootlint告诉我一定是这样。