具有父宽度的Bootstrap固定容器

Question

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

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

问题是固定的topbar没有获得父宽度，你可以在这个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标题部分