Как иметь несколько столбцов, занимающих 100% высоты, с помощью начальной загрузки Twitter?

Я видел ряд подобных вопросов, но не нашел ответа на то, что ищу. Дополнительная информация следующая:

• Я использую twitter bootstrap, поэтому мне нужно решение, совместимое с ним
• Макет будет выглядеть вот так . Извините, я не могу вставить изображение, потому что мне нужно сначала 10 баллов.
• Это так близко, как я получил до сих пор. Проблема в том, что я не могу заставить боковую панель остановиться на нижнем колонтитуле.
• Мне нужно, чтобы основной контент расширялся так же, как и боковая панель.
• Боковая панель и основное содержимое различаются по цвету и размеру. Они оба должны доходить до нижнего колонтитула.
• Обратите внимание, что минимальная высота должна быть 100 %.
• Нижний колонтитул должен перемещаться, если содержимое становится слишком большим (т.е. для его просмотра потребуется прокрутка)
• Я не хочу использовать JavaScript,но если это необходимо, я бы не возражал против решения, пока оно постепенно улучшается с помощью JS (. Я также использую jQuery ).
• Содержимое страницы центрировано по горизонтали с фиксированной шириной