CODEWITHSUNDEEP
csshtmltwitter-bootstrap-3
Sopo
Sopo

Reputation: 1677

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

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

Upvotes: 16

Views: 41942

Answers (1)

Anup
Anup

Reputation: 9738

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 ---

Upvotes: 11

Related Questions