Bootstrap Grid列

Question

我正在尝试使用此代码来划分列，但我无法划分。颜色并不重要     

<div class="row">
    <div class="col-sm-2" style="background: red;height: 20vh;"></div>
    <div class="col-sm-6" style="background: blue;height: 20vh;"></div>
    <div class="col-sm-4" style="background: pink;height: 50vh;"></div> 
 </div>
<div class="row"> 
    <div class="col-sm-5" style="background: green;height: 20vh;"></div>
    <div class="col-sm-3" style="background: red;height: 20vh;"></div>

</div>

我的预期输出是：