Question

I want to do a twitter-bootstrap layout that have one sidebar on the left and the rest of the screen should be a dynamic.

Something like this:

http://wbpreview.com/previews/WB042R743/

or this:

http://wbpreview.com/previews/WB001365H/main.html

(if it asks for login: enter demo:demo)

Can somebody help me?

Answer 1

if you take a look into the dom of the second link you’ll see:

<section class="container-fluid">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span10"></div>

the fluid classes set the width at 100% of viewport.

look into the docs of twitter bootstrap

edit

in html:

<div class="span10 content">

in css:

.container-fluid span10.content { margin-left: 0; }

but remember with fluid grids twitter bootstrap defines all margins with percentage values for all spans

.row-fluid [class*="span"]