css - 推特引导导航栏固定在左侧？

Question

我正在尝试添加一个导航栏，例如固定在顶部的黑色导航栏

 navbar-fixed-top

但修复我希望它在页面的左侧。这将是顶部导航栏的附加内容。因此将有两个导航栏，一个在顶部，一个在左侧。

左侧导航栏将连接到顶部导航栏，因此看起来左侧和顶部都有边框。

我做了一些骇人听闻的尝试，但它们不是很好。

做这个的最好方式是什么？是否可以使用现有的 span 和 row 元素或者是否需要新的 css？

Answer 1

我要做的是在顶部栏设置一个固定的高度，然后在左侧栏设置一个固定的位置。这是一个 jsfiddle，展示了我是如何做到的。

http://jsfiddle.net/whoiskb/GqXdM/embedded/result/

最简单的 CSS 来说明这一点：

the_left_side {
  top:75px; /* the height of the top banner */
  bottom:0px;
  position:fixed;
}
the_main_content {
  position:absolute;
  overflow:auto;
}