Given the sidebar works exactly the way I want but it's on the left, I've
got to believe is built into bootstrap. If I could move the sidebar to the
right and change it to span3 instead of span2 I'd be done.
On Tuesday, April 24, 2012 8:15:09 AM UTC-6, Ryan wrote:
>
> Probably should just make a class with customized css then, like:
>
> .static-span3 {
>
> width: 220px;
>
> }
>
> No, your example does not work. I only want the first two section to
>> resize, but I want the last section on the right to always take the same
>> number of pixels. In your example, the body content is in the wrong place
>> and the right-most section is fluid with the browser.
>>
>>
>> On Monday, April 23, 2012 7:51:34 PM UTC-6, Ryan wrote:
>>
>>> I'm a little confused I guess. The grid system basically functions like
>>> you want in fluid layout. Like the example from the site:
>>>
>>>
>>> 1. <div class="container-fluid">
>>> 2. <div class="row-fluid">
>>> 3. <div class="span2">
>>> 4. <!--Sidebar content-->
>>> 5. </div>
>>> 6. <div class="span10">
>>> 7. <!--Body content-->
>>> 8. </div>
>>> 9. </div>
>>> 10. </div>
>>>
>>>
>>> In your case:
>>>
>>>
>>> 1. <div class="container-fluid">
>>> 2. <div class="row-fluid">
>>> 3. <div class="span9">
>>> 4. <div class="span6">
>>> 5. </div>
>>> 6. <div class="span3"></div>
>>> 7. <!--Body content-->
>>> 8. </div>
>>> 9. <div class="span3">
>>> 10. <!--Sidebar content-->
>>> 11. </div>
>>> 12. </div>
>>> 13. </div>
>>>
>>>
>>>
>>>
>>>
>>> Is there a way I can combine both the static and fluid grids? In my
>>>> layout, I'd like to statically span3 on the right, while the rows on the
>>>> left I'd like to use fluid. Basically something like a sidebar on the
>>>> right
>>>> side.
>>>>
>>>> I've mocked up a
>>>> page<http://dl.dropbox.com/u/52968670/Selection_009.png>to illustrate.
>>>>
>>>> -andy
>>>>
>>>
>>>
>
