4 columns in desktop, 2 in tablet and 1 in mobile using bootstrap

Question

Its very interesting and helpful to use Bootstrap, currently i am facing problem during creating following requirement.

"4 columns in desktop, 2 columns in tablet and 1 column in mobile using bootstrap" can anybody tell me the correct structure

Answer 1

Not sure this is what you want, but look at this :-

DEMO

<div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12">Col 1</div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 2</div>
    <div class="clearfix visible-sm"></div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 3</div>
    <div class="col-md-3 col-sm-6 col-xs-12">Col 4</div>
</div>

--- UPDATED DEMO ---