Twitter Bootstrap侧边栏右侧而不是左侧

Question

Default configuration for Twitter Bootstrap sidebar is the left hand side. How can I move it on the right ?

UPDATE: Seems that will be possible with the next release: https://github.com/twitter/bootstrap/issues/333

Answer 1

Just shift the flow of the sidebar to the right, like so:

.container-fluid > .sidebar {
    position: absolute;
    right: 20px;
    top: 0;
    width: 220px;
}

.container-fluid > .content {
    margin-right: 240px;
}

EDIT Demo http://jsfiddle.net/andresilich/6vPqA/show/

Answer 2

This should work if you're using something like their fluid layout example shown on github.

.sidebar
{
    left: auto;
    right: 20px;
}