Collapsible sidebar with fluid twitter bootstrap

Question

I am looking for a CSS solution to create a button to toggle a sidebar on and off using twitter bootstrap. I'd like one of those little icons people have on their webpage that looks like a pull tab when the sidebar is closed, and then follows the sidebar out when it is pulled - does this have a name? I've created a toggleSidebar icon link to do this, but I have two problems: - I can't get it to float with the sidebar using float: left or display: inline-block - Fixed, it creates a column of it's own... I want it float on top of the main content. The html: ```

``` The css: ``` #toggleSidebar { /* float: left; */ /* display:inline-block; */ position:fixed; display:block; left:0; to…

Accepted Answer

I think this is what you want, see here.

Relevant code is this:

```
#content {
    float:left;
}

#mapCanvas img {
    max-width: none;
}

#maincont{
    margin-top: 42px;
}

#toggleSidebar {
    float:left;
    color:#779DD7;
    padding:2px 4px;
}

#sidebar{
    float:left;   
}
```

Please confirm that that was what you have in mind!

Collapsible sidebar with fluid twitter bootstrap

Solution

Problem

Related problems