1

Can we have the 12/16/24 columns in 1440(any size) pixel container to make a responsive grid while creating a design as I have seen most sources to use 1170 pixels area and gutter size 15 pixels only ?

  • Your statement has nothing to do with determining whether a page is responsive or not. – Rob Jul 25 '16 at 12:08
  • I am talking about the columns within the 1170 container and my question is that is it necessary to limit the container to 1170 for a bootstrap grid to make a responsive design or can we have say a 16 column grid in 1440 container including gutter margin, I hope it makes my question clear. – Sachin Verma Jul 25 '16 at 12:31
  • @SachinVerma Rob is just saying for a page to be responsive it simply has to adapt to different screen sizes. So whether you cap it at 900px, 1170px, or 10,000px it is still responsive, it is just a question of is it a good implementation of a responsive framework. – DasBeasto Jul 25 '16 at 12:34
  • So you mean there is no framework limitation to work inside a specific container for creating columns, container can be of any width as per page width, right ? – Sachin Verma Jul 25 '16 at 12:37
  • @SachinVerma Yeah, gutter margin on the container is entirely a design choice that Bootstrap made, you can have 0 gutter and 24 columns within it and it is still considered responsive. – DasBeasto Jul 25 '16 at 13:04
2

Not at all. Not even in Bootstrap, not anywhere.

Responsive is responsive, your sizes and boundaries will depend on your needs and project, nothing else. 1170px is a popular size because Bootstrap is the most widely used framework and it uses that size, but it can be replaced with anything you want.

Technology changes everyday, and 1170px was chosen as a secure popular screen size at the time it was made, nowadays it leaves a lot of space at the sides, so developers need to change defaults and customize their versions (and yes, you can have 16 columns if you want by simply changing the @grid-columns setting)

However, while this answer seems to be based on Bootstrap, please be aware that you could use other frameworks, or you could even go framework agnostic and the answer will be the same: you don't need any default limits, just use what you want: if you code it right, it will be responsive anyways

3

Yes.

Responsive means it adapts to fit all screen sizes. Generally the worry with responsive design is at the small end of the scale, with getting things to work on mobile and tablets, however there is no upper limit.

Typically due to finite resources, many people do tend to design their biggest size at around 1170- this is perfect for the most common screen sizes*, found in laptop computers, and works just fine for large desktop resolutions too.

But by all means feel free to also design for larger sizes if you expect users to be using them and you think you can take advantage of the bigger screen size to do something better than restricting yourself to a small box. 1920x1080 is the second most popular resolution afterall.

*http://www.rapidtables.com/web/dev/screen-resolution-statistics.htm

  • I meant the container width - 1170 container in BootStrap and my question is that is it necessary to limit the container to 1170 for a bootstrap grid to make a responsive design or can we have say a 16 column grid in 1440 container including gutter margin, I hope it makes my question clear. – Sachin Verma Jul 25 '16 at 12:32
  • It's not clear to me I'm afraid, I don't know much about bootstrap, sounds like more of a general web design than ux question tbh – the other one Jul 26 '16 at 8:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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