Javascript 智能地用背景色填充引导列

出于网格模型的目的，我正在尝试编写一个智能脚本，该脚本将读取我的html标记，其中包含引导类，如col-md-x等。为了在开发和设计期间提供视觉帮助，我希望所有列都有一个背景色，并添加一些空间来填充网格，以便它们可以看到网格是如何堆叠的等

我的第一个方法是：

标签系统

通过添加某些类，这些类被用作“标记”，以标记网格将提供什么类型的内容。例如：

    <div class="container">
       <div class="row">
         <div class="col-md-8 content"></div>
         <div class="col-md-4 sidebar"></div>
       </div>
    </div>

这些类将为这些网格列占用的典型空间设置背景颜色和高度

虽然它可以工作，但我觉得这可能不是100%可扩展的，而且可能有更好的方法来实现自动化

---

我想知道是否有类似的方法，使用jQuery/Javascript为col-x-x类的所有div设置背景色。这将设置背景色，以便网格在技术上可见，例如。然后让Javascript自动设置div的固定高度。这部分就是我遇到的问题，我一直回到标记系统来标记它的类型。

使用jQuery，您可以轻松地执行以下操作-

$('div[class*="col-md-"]').css('background-color', 'blue');

以你为例

您还可以在此处设置任意数量的属性，如下所示-

$('div[class*="col-md-"]').css({'background-color': 'blue', 'color': 'white'});

---

使用jQuery和css选择器，您可以将高度设置为all:$（'col-md-8'）.css（'height'，200）；