Bootstrap отзывчивый div с порядком

Question

у меня есть 3 дел. В ПК я хочу показать то же самое изображение. Но при отзывчивости хочу показать с порядком 1 -> 2 -> 3. Как мне это сделать, пожалуйста, мне

<div class="row">
    <div class="col-md-6 col-sm-12">
        <div class="portlet yellow-crusta box">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>1
                </div>
            </div>
            <div class="portlet-body">

            </div>
        </div>
        <div class="portlet yellow-crusta box">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>3
                </div>
            </div>
            <div class="portlet-body">

            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-12">
        <div class="portlet blue-hoki box">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>2</div>
            </div>
            <div class="portlet-body">

            </div>
        </div>
    </div>
</div>

Answer 1

Правильно используйте классы начальной загрузки.

<div class="row">
    <div class="col-md-6 col-sm-12">
        <div class="portlet yellow-crusta box">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>1
                </div>
            </div>
            <div class="portlet-body">

            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-12">
        <div class="portlet blue-hoki box">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>2</div>
            </div>
            <div class="portlet-body">

            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-12">
        <div class="portlet yellow-crusta box">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>3
                </div>
            </div>
            <div class="portlet-body">

            </div>
        </div>
     </div>
</div>