如果你在一个引导row中，并且只使用col-*元素，那么空白就不重要了。你的代码样本有一些缺失的引号，这可能会把事情搞砸，但我不知道这是你的问题中的一个错字还是实际的代码输出。
当引号被修复并放入row中时，我根本没有看到任何问题，甚至没有看到您提供的两个代码示例之间的任何差异

div[class^="col-"]{
  background: #CCC;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<div class="row">
  <!-- THIS WORKS -->
  <div class="col-4">
      1
  </div><div class="col-4">
      2
  </div><div class="col-4">
      3
  </div>
</div>

<br/><br/>

<div class="row">
  <!-- THIS DOESN'T WORK -->
  <div class="col-4">
      1
  </div>
  <div class="col-4">
      2
  </div>
  <div class="col-4">
      3
  </div>
</div>

只是好奇，如果在循环中生成列div，是否有一个很好的理由来指定列宽？通过使用col-4类，您每次只能循环3个项目（当然，除非您将默认的$grid-columns设置修改为大于12），并且由于您显然希望本例中的这些div是等宽的，您也可以使用col，让div自动格式化。
这样做会将所有元素保持在同一行上：

<div class="row">
  <div class="col">
    <!-- content -->
  </div>
  <div class="col">
    <!-- content -->
  </div>
  <div class="col">
    <!-- content -->
  </div>
</div>

我不认为空格/换行符应该有什么区别...但听起来它的行为就像聚合的列宽超过了最大网格列，即使这不应该是这种情况（同样，假设默认的$grid-columns Sass变量值没有减少）。
或者（或者另外），你可以尝试为容器使用内联flex显示类，如下所示：

<div class="d-inline-flex flex-row">
 <div class="col">
   <!-- content -->
 </div>
 <div class="col">
   <!-- content -->
 </div>
 <div class="col">
   <!-- content -->
 </div>
</div>