مشکل در استفاده از push,pullبرای سه ستون در bootstrap

[salmah]

سلام بیس اصلی قالب من به صورت زیر هست
حالا میخوام در حالت نمایش موبایل باکس های سمت چپ و راست کنار هم و زیر اسلایدر بیفتند هرچه از دستور push ,pull استفاده میکنم نمیشه
لطفا راهنمایی کنید

<div class="container">
<div class="row">


<div class="col-md-12 col-sm-12">
<div class="Menu-Bar">
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx
</div>
</div>
</div>

</div>
<!---End_Menu--->


<div class="container">
<div class="row mgt10">
<div class="col-md-8">
Text_Sliders
</div>
</div>
<div class="container">
<div class="row">

<!-- اسلایدر -->

<div class="col-md-6 col-xs-12 col-md-offset-3">
</div>

<!___پایان اسلایدر_______>
</div>
</div>


<div class="container">
<div class="row">

<!--درایو سمت چپ-->

<div class="col-md-3 col-xs-6 ">

<div class="well">well1left</div>
<div class="well">well2left</div>

</div>
<!--وپایان درایو سمت چپ--->
<!--اخبار واطاعیه ها-->

<div class="col-md-6 col-xs-12 ">


</div>

<!--پایان اخبار و اطلاعیها--->
<!--درایو سمت راست--->
<div class="col-md-3 col-xs-6 ">

<div class="well">well1</div>
<div class="well">well2</div>
</div>
<!--درایو سمت راست پایان --->



</div>
</div>

[salmah]

جواب را پیدا کردم
این جا خیلی خوب توضیح داده (https://scotch.io/tutorials/reorder-css-columns-using-bootstrap)