CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-2
mardlin
mardlin

Reputation: 292

Maintaining a multiple column layout on phone with bootstrap 2.3.2

I'm surprised that I couldn't find another question that deals with this.

Basically, how could one maintain multiple columns on a phone with bootstrap 2.3.2?

Here's a simple outline of my code: http://www.bootply.com/81265

It's fine on a desktop, but occupies way too much vertical space when each column breaks to it's own row.

Upvotes: 1

Views: 512

Answers (2)

Charlie Brown
Charlie Brown

Reputation: 2825

You can disable the responsive layout http://getbootstrap.com/2.3.2/scaffolding.html#responsive by changing your stylesheet from this

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

to the following

<link href="assets/css/bootstrap.css" rel="stylesheet">

Upvotes: 0

Sami
Sami

Reputation: 1051

put your content inside the grid columns and apply large and small classes for each media.

Upvotes: 1

Related Questions