twitter-bootstrap - 引导具有父宽度的固定容器

Question

我正在使用 bootstrap 3.0 开发一个网络，它具有以下结构：

- Sidebar: width 220px, position fixed and top:0
- Content: margin-left:220px (Because of the sidebar width).
     - Topbar: position fixed and top 0

问题是固定的顶栏没有得到父宽度，你可以在这个codepen中看到我的css：http: //codepen.io/anon/pen/Fzgot

顶栏在 .main-content header {} 上如您所见，我添加了 width:inherit，但它似乎不起作用

Answer 1

这接近你所追求的吗？
http://www.bootply.com/75880

我添加了

width:100%;
max-width:760px; /* set max width as req'd */  

到 .main-content 标题部分