boostrap网格 - 桌面上有1列，移动中有2列

Question

我希望它是这样的 design 谢谢你的帮助

这是我的代码，我在小提琴中试过它并且它正在工作，但我想确保这是正确的方法。

    <div class="row">
            <div class=" col-md-12 col-sm-6 col-xs-6">IMAGE </div>
            <div class=" col-md-12 col-sm-6 col-xs-6">TEXT </div>
    </div>

Answer 1

如果它在container或container-fluid内，则是正确的。关注https://jsfiddle.net/renishkhunt/bod4ob5y/19/。