如何在引导程序中为div设置行跨度？

Question

我正在尝试为div设置行跨度，以在引导程序中合并行。请注意，我试图在不创建额外的div和嵌套div的情况下实现这一目标，而这是通常的方法。

<div class="container-fluid">
    <div class="row" >
        <div class="col-sm-2" style="background-color: pink;">A</div>
        <div class="col-sm-8" style="background-color: pink;">B</div>
        <div  class="col-sm-2" style="background-color: yellow;" >
        <hr/>  #Rowspan for this div#
        </div>
        <div class="col-sm-2" style="background-color: green;">C</div>
        <div class="col-sm-8" style="background-color: green;">D</div>
     </div>

输出：

预期输出：