twitter/bootstrap — Issue #1828: A bit more responsive
Author: sannefoltz
Created: 2012-02-08 12:07:49+00:00
State: open

Hello,

I am fiddling a bit around with the responsive approach in Bootstrap. I feel that the way it is implemented is sometimes a bit static. Are there any plans or idea's (or am I not aware of the ability) to say something like "4 columns" on desktop size. "3 columns" on tablet size. And/or to say the sidebar for instance is just informative, it should be hidden when seeing the site on a mobile device.

I know how I can do this myself, but I was wondering if this community had such a thing in the planning or you have idea's what the best way is to build it? Any feedback is welcome.

I am creating something like this now.

Example 1 (4 columns on desktop, 3 on tablet)
```

one

two

three

four

```

Example 2 (2 columns on desktop, 1 on tablet)
```

main

side

```

CSS
```
@media (min-width: 768px) and (max-width: 980px) {
.portrait-hidden{
display:none;
}
.portrait-span12, .portrait-container {
width: 724px;
}
.portrait-span4 {
width: 228px;
}

```