I wouldn't know about best practices, but if you customize a bit of the
responsive layouts, you will certainly want to apply the same kind of
changes to all the screen widths supported. This is what I call a
nightmare, because you may end up with tons of customized code, which
wouldn't fit in several projects.
My best guess is using outer-wrapper for the fluid grid because the % will
automatically adapt to the padded wrapper, and wrapped-inner for the static
grid, because you can set margins and still fit the fixed-width container.
Twitter-bootstrap is not about giving you as mush liberty as you can think
of. It's about giving you easy access to "standard" components to satisfy
your needs (as opposed to create the needs that have solutions).
On Tuesday, July 10, 2012 11:28:40 PM UTC+2, Jethro wrote:
>
> I'm also wondering about this. We're thinking of using Bootstrap as a
> starting point for future projects, but usually like to have background
> color/images as an option. Definitely need the outer padding for anything
> other than white-on-white designs (no visible edges).
>
> - Was any conclusion made on best practices here?
>
> - When you say it could be a 'nightmare' with responsive layouts, how so?
>
>
> We would like to have the full power of flude/responsive layouts using
> default Bootstrap as much as possible, but the outer padding is usually a
> good idea to give the most flexibility in design.
>
>
> On Tuesday, June 26, 2012 5:34:17 PM UTC-7, Sherbrow wrote:
>>
>> Hi,
>> Have you thought about a padding on the .container class ? a padding left
>> and right of the size of the gutter width ?
>>
>> You may even accomplish that with a bit of less code :
>>
>> .container { padding-left: @gridGutterWidth;padding-right: @gridGutterWidth;
>> }
>>
>>
>> But it really becomes a nightmare with responsive layouts ! And this is
>> the simplest solution I can think of.
>>
>> I would suggest that you do without the external gutters, or just set a
>> padding on the outermost element (of which you want the inner elements to
>> be separated from).
>>
>> On Wednesday, June 27, 2012 12:56:39 AM UTC+2, bongoman wrote:
>>>
>>> Sure:
>>>
>>> http://richardsandilands.com/bootstrap/
>>>
>>> So the container div has a background color, but the left most column is
>>> hard up against it. I'm wanting to introduce a gutter between the left edge
>>> of the first box and the container div AND on the right of the last box.
>>>
>>
