如何用特定颜色填充使用引导网格系统分区的空 div？

Question

考虑这个案例

<div class="row">
    <div class="col-md-3 col-sm-3 col-xs-3"></div>
    <div class="col-md-6 col-sm-6 col-xs-6"></div>
    <div class="col-md-3 col-sm-3 col-xs-3"></div>
</div>

在这种情况下，假设我需要用 #FF0000 的背景填充父 div 中的第一个 div（第一列），我该怎么做？如果我可以以常规方式执行此操作，即通过指定 style="background-color:red"，则背景仅针对其中写入的内容进行更改。如果我在其中创建另一个 div 并将其高度和宽度设置为 100%，则不会发生任何情况。为什么会这样呢？我怎样才能以正确的方式做到这一点？

Answer 1

用一个 

<div class="col-md-3 col-sm-3 col-xs-3">&nbsp;</div>

并根据需要设置背景颜色。

简单又优雅。