Twitter bootstrap 引导响应式布局md上的一列偏移

有没有可能用Bootstrap4做这样的事情

• 在大屏幕上，3列大小相同：
  111222333
  
• 在中等屏幕上，2列大小相同，333在222以下：
  111 222
  333
  
• 在小屏幕上，
  111
  222
  333
  

这就是我迄今为止所尝试的：

<div class="row">
    <div class="col-lg-4 col-md-6" style="background-color: red">111</div>
    <div class="col-lg-8 col-md-6">
        <div class="row">
            <div class="col-md-6" style="background-color: blue">222</div>
            <div class="col-md-6" style="background-color: yellow">333</div>
        </div>
    </div>
</div>

111
222
333

只需在

333

列中使用

offset-

，如下所示

111
222
333

---

这会产生相应的效果，因此用于将

333

列向右推的偏移量仅应用于

md

屏幕宽度。

是的，这是可能的。到目前为止你试过什么？111 222 333正在工作！谢谢你

<div class="row">
    <div class="col-md-6 col-lg-4" style="background-color: red">111</div>
    <div class="col-md-6 col-lg-4" style="background-color: blue">222</div>
    <div class="col-md-6 offset-md-6 col-lg-4 offset-lg-0" style="background-color: yellow">333</div>
</div>