[2.0-wip] Using grid system inside a .well

[simonyeldon]

When using the grid layout inside a .well the grid does not take into account the additional padding the well provides.

The example that I am trying to do is a form spanning the entire 12 column width which has .well applied to it. Inside this I want two columns, each spanning 6 columns.

If I do this, the two columns end up stacked vertically as there isn't enough width available inside the .well.

I have been able to fix the issue by subtracting 20px (@gridGutterWidth) from the width of the input, and the div. I assume a more stable fix would be to provide a mixin similar to the one that currently generates the span widths.

An example of what I am on about can been seen at http://ghosty.co.uk/labs/well.html

Sorry for not submitting a pull request (again) along with this issue, I am still getting up to speed with how this all works.

[wjrichardson]

Are you wrapping the two span6's in a row class?

[simonyeldon]

Yup, just checked the example and they are.

[Fustrate]

Make it a .row-fluid and then make the input .span12

The same doesn't work for thumbnails, however :(

[simonyeldon]

OK, that works, thanks.

However, this then breaks the .span6 on the input fields, meaning that you need to use span12 to make them the full width of the grid. This obviously then breaks the concept of the grid, but it does work.

[marcalj]

I'm interested in this issue also.

[mdo]

The well wasn't designed to house a grid within it, and we don't have any plans of extending that within the library just yet. For accomplish this yourself, the best thing to do would be to use negative margin on the well to allow for the proper spacing of the row and it's columns within. That can preset problems in responsive situations, so just an FYI there.

[marcalj]

Ok, thanks @markdotto .

[kevinelliott]

No need to re-open this, but @markdotto can you suggest an alternative (i.e. the correct) way to implement this? How would people normally pad a row/column safely?

[danielristic]

I would also be interested in the answer to @kevinelliott's question.

[mbhnyc]

I would be curious to see a better solution for this as well.

[mdo]

You'll get it in 3.0.

[mbhnyc]

clap clap 💃

[ePirat]

Any way to do this in 3.3.1?

[mrbscott]

Seems like this is an age old issue - would love to see it resolved :)

[kkirsche]

Reviving an 8 month old / 2+ year old issue isn't the best way to get it dealt with. I'd recommend opening a new issue if there is a bug with it or going to stackoverflow or slack for personal support requests.

[mrbscott]

My apologies kkirsche for dredging up an old issue. I saw that mdo had mentioned that the issue was resolved in a previous release but given my issue I felt it easiest to avoid creating a new thread for the same issue.

[kkirsche]

No worries 👍 but yeah a new issue is best for help with an issue of this age / the version difference.