1.您的语法是正确的。
1.引导CSS（目前最新版本5.3.0）规则只上升到行列-6。我只能猜测他们不认为有必要去高于每行6列。
为了修复它，我添加了一个规则到我的bootstrap.min.css文件（使用CDN时需要不同的方法）

.row-cols-xl-7>*{flex:0 0 auto;width:14.28571429%}

将所有列放入这样的行中，看看它是如何工作的......

<div class="row">
   <div class="col">
       <!-- Content for column 1 -->
   </div>
   <div class="col">
       <!-- Content for column 2 -->
   </div>
</div>

好了，现在您可以使用这些列和1到12之间的任何数字来划分屏幕，其中12是整个屏幕宽度，因此列将堆叠在彼此的顶部，而使用6是半个屏幕，因此列将占用每个页面的一半。

col-1
col-2
col-3
col-4

Etc

在此之后，你就只关心 windows 大小了，所以你可能希望在小屏幕上使用超宽的列，而在中、大屏幕上使用较窄的列。

col-sm-12
col-md-6
col-lg-3

你的整个东西看起来有点像这样...

<div class="row">
   <div class="col-sm-12 col-md-6 col-lg-3">
       <!-- Content for column 1 -->
   </div>
   <div class="col-sm-12 col-md-6 col-lg-3">
       <!-- Content for column 2 -->
   </div>
</div>