引導固定內格

導航欄在bootstrap documentation他們能夠「陷阱」一.navbar-fixed-top他們.bs-docs-example格內：引導固定內格

<div class="bs-docs-example bs-navbar-top-example"> 
    <div class="navbar navbar-fixed-top" style="position: absolute;"> 
     <div class="navbar-inner"> 
     [...]

但是，如果我做同樣的在我的測試頁面導航欄「逃逸」 div和固定在身體的頂部，而不是頂部。這是如何實現的技巧？

來源

2013-02-07 einundswanzig

它是http://twitter.github.com/bootstrap/components.html#navbar上的左邊欄導航欄的行爲，您想知道嗎？ –

Nop是右側標題「固定到頂部」（和「固定到底部」）下的示例。他們都有標籤「示例」。 – einundswanzig

好吧，算了一下。父元素容器必須具有position: relative，並且導航欄必須具有position: absolute，這樣，如果您附加.navbar-fixed-top或.navbar-fixed-bottom，它將相對於父元素得到固定，而不是相對於整個頁面。是啊！

來源

2013-02-07 17:42:36 einundswanzig

這工作對我來說，除了我的股利已經溢出，導航欄不滾動它。你對此有爭議嗎？ – ScubaSteve

<div class="container-fluid"> 
    <div class="container"> 
     <nav class="navbar">...</nav> 
    </div> 
</div>

這與內置Bootstrap的CSS一起使用。

來源

2017-06-07 23:07:35 json4rest

引導固定內格

回答

相關問題