What exactly does this solve?
I think what he's trying to do is add padding on a container so that the child elements dont touch the container. I know i've done this for pages where you have a background color but want the container to be white (for example: http://www.beachcitiesmaid.com/). The problem I found with doing this was with responsive. It's not taking into account that extra padding that was added so the scroll bar will pop up before resizing the elements. Not really a bug though since this is custom, I would however like to see a padding option for container in the future that would make responsive play nice. Maybe some type of contianer-padded class that simply added a 15px padding? This would also mean that if page-header was the first child of container that it's margin-top would need to be set to 0;
Just some thoughts, maybe i'm going about this wrong?
ShaunR, it's right, thank you!
Ah, gotcha. We won't be making this change then as it heavily alters our grid approach. Not for a 2.x release, but we'll bear it in mind for 3.0.
I've run into this issue mostly with flash messages as they're typically used in the container.
it sounds like this is a major use of any container to add a padding to it. I think this should have been there from v1
pages like http://www.beachcitiesmaid.com/ are also quite common, such a feature would also be more than useful for me. currently it is allways a decision between creating the design the customer want or being responsive. in most cases the customer want both...
i really think this feature is a must.
Please add in a padded option either for the container or the spans.
+1 for me as well...
This seems to be a problem with a purely fixed framework. All of the other features in bootstrap are great. But, I think the grid system needs to be re-evaluated. Adding padding to the overall container is common place. But doing it in this situation completely destroys the grid system rendering it useless...
Why not have the option of having a fixed width container with the .span elements using percentages?
This issue is major to me and could cause me to consider other frameworks which I am not thrilled about.
voting for this feature in 3.0
To me this is a major issue as well. I do not see a nice way to add paddings to the container without breaking the grid, so I have to go into heavy customizations or sacrifice responsiveness. The framework overall is terrific, but grid system limits type of designs I can use it for.
I've ended up adding padding to elements inside columns in order to not break the grid 😕
+1 Would be a nice addition.
+1, I'm just having this problem
Has anyone come up with a scalable solution? No idea if this is the best approach, but like others, I find myself adding another container within the containers with a class of 'liner' and then add padding to liner. Generally speaking, it works, but there are still scattered challenges/issues with this approach.
+1. Padding in containers works fine for most content, but then you run into issues with the automatic scaling of images. Internet Explorer fails, but do so other browsers intermittently.
Hello everyone. Think I got a solution to this problem.
Have a look and let me know what you think. Let me know if it accomplishes what you're looking for.
@DaveDennisME thanks for your efforts finding a solution, but mainly this topic is about having this feature without a hack. native support would be appreciated.
also it would be helpful having also the option to use the following layout:
* add css fix for twitter bootstrap shortcoming which resulted in unwanted horizontal scroll at some resolutions (see twbs/bootstrap#3169)