Как создать Gmail как макет с Twitter Bootstrap 3.0

Question

Можно ли создать макет типа GMail с использованием Twitter Bootstrap 3.0, так что макет всегда подходит для окна просмотра (высота окна) и боковой панели, а также контента область отдельно прокручивается?

 
-------------------------------------------------------------------------- 
|                  | 
|     Fixed top navbar         | 
-------------------------------------------------------------------------- 
|   |                | 
| Sidebar |  Content area scrollable        | 
| scrollable                | 
|   |                | 
|   |                | 
|   |                | 
|   |                | 
|------------------------------------------------------------------------| 

P/S: Забавно, что из всех примеров на 3,0 сайте Bootstrap, никто не имеет навигации по меню левой стороны.

Да, у меня есть пример (http://jsfiddle.net/tawani/EFhGL/embedded/result/), который близок к тому, что я хочу, но по какой-то причине в IE10 все выровнено по правому краю.

Answer 1

<div class="col-sm-12 col-md-12 col-lg-12">top nav</div> 
<div class="row"> 
    <div class="col-sm-2 col-md-2 col-lg-2">side bar</div> 
    <div class="col-sm-10 col-md-10 col-lg-10">content area</div> 
</div> 

Answer 2

Вы можете попробовать обертку вокруг sidebar и content для того чтобы достигнуть высоты 100% и фиксированной боковой панели, как Gmail ..

Вот пример на Bootply: http://bootply.com/82174