1

是否可以使用 Twitter Bootstrap 3.0 创建类似 GMail 的布局，以便布局始终适合视口（窗口高度）并且侧边栏以及内容区域可以单独滚动？

-------------------------------------------------- ----------------------
| |
| 固定顶部导航栏 |
-------------------------------------------------- ----------------------
| | |   
| 侧边栏 | 内容区可滚动 |
| 可滚动 |
| | |
| | |
| | |
| | |
|------------------------------------------------- ----------------------|

P/S：有趣的是，在 Bootstrap 3.0 站点上的所有示例中，没有一个具有左侧导航菜单。

是的，我有一个示例（http://jsfiddle.net/tawani/EFhGL/embedded/result/）接近我想要的，但由于某种原因在 IE10 中，一切都是右对齐的。

4

2 回答 2

0

您可能想尝试使用包装器sidebar来content实现 100% 的高度和固定侧边栏，如 Gmail..

这是 Bootply 的一个示例：http: //bootply.com/82174

于 2013-09-20T13:40:06.633 回答
0 
<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>
于 2013-09-20T11:20:19.097 回答