User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm designing 12 columns site using Bootstrap. I have a quite crowded layout (can't simplify it further), so I want to use a 1000px wide layout (exactly this one), instead of using classic grids like 940/960/980. Have you ever used a 1000px wide layout? Are you aware of problems concerning it? For example: poor experience on tablets, interferences with scroll bars, or other problems?

share|improve this question

What about using Bootstraps built in responsive design? The "large" size easily accommodates what you need, and the responsive element could be just turned off.

I think 1000px is very reasonable considering horizontal scrollbars. the 940px is designed for 1024x768 screens. It's a safe range, but what is your audience? If it's modern tech consumers, they probably won't be on something that small, except for mobile devices. But then, a 1000px wide layout probably isn't the end of the world for them. Things scale down on tablets so likely the UI will be a bit smaller before it just has to scroll.

I wouldn't worry too much about a 1000px width to be honest. Figure out what your target audience is. Or, just test it. Fire up XCode and run it through the ipad and iphone emulators.

share|improve this answer
Thanks. I was just worried about iPad 1024 x 768. – Kurt UXD Nov 29 '12 at 6:32

The 960 grid was designed for 1024px (minimum) screens and much of its popularity stems from being early on the scene. And it was also divisible by 3 and 4, which suggested versatility I suspect.

But these days with responsive/adaptive techniques there's no single grid metrics that must be adhered to. Many people just make a custom grid for the particular job.

share|improve this answer

There will be not problem on tablets because sites are re-sized on it. I think you can use this grid with with no worry for that.

There are more frameworks for >1000px widths because today small group of users still use monitor with 1024 width resolution.

On the other hand it all depends what resolution have your users (it can be checked in Google Analytics).

By the way, if you have a mess in your layout, a bigger width will not help a lot :-)

share|improve this answer

Take a look at this grid: 1140 and at this article finger friendly web design. I believe 20px gutters are to small for finger friendly web. Most of the problems with the sizes can be overcome with media queries. Take a look at Google blog where they are recommending using responsive web design.

share|improve this answer
Thanks for the boomark! finger friendliness is really important in responsive web sites. The article is well written. In particular the difference between finger pad e finger tip. – Kurt UXD Nov 29 '12 at 11:58
Yeah the article is very good, hope it helps with the problems that you are facing. – Igor-G Nov 29 '12 at 13:52

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.