Force Bootstrap的摺疊導航100％高度

所以，我想將bootstrap摺疊導航的高度設置爲100％的高度。Force Bootstrap的摺疊導航100％高度

例如https://getbootstrap.com/examples/navbar/這應該跨越整個屏幕。

我做了一些研究，主要發現使用height: 100vh;的人，但這不是動態的，儘管應該不會太重要，但我仍然不喜歡它。

通常，人們可以例如做：

<div id="bar"> 
    <div id="foo"> 
    test 
    </div> 
</div> 

html, 
body { 
    height: 100%; 
} 
#foo, #bar{ 
    background-color: red; 
    min-height: 100%; 
}

但我現在問自己，什麼是使用bootstrap v3時實現這一點的最佳方法。

來源

2016-12-08 xotix

要有格的高度爲100％的身體需要有100％的高度是不是practice..using視口的高度是正確的做法在這裏 – Geeky

所以我應該使用高度：100vh;？那麼我在問自己，當導航崩潰時，我該如何停止滾動？ – xotix

我不清楚導航停用部分... – Geeky

可以隱藏內容，而導航是使用JavaScript崩潰.. 例如：document.getElementById("ID").style.display = none;

如果有導航下沒有內容，沒有什麼可滾動...：P

來源

2016-12-09 15:01:20

那麼我現在在問自己，如何在導航崩潰時停止滾動？

不知何故，我不能聽正確的事件

按照您的評論，我看到的問題是，你沒有得到崩潰的合適時間點。該插件提供collapse上的事件。

通過引導documentation這是你怎麼做

$('#foo').on('hidden.bs.collapse', function() { 
    // do something… 
})

來源

2016-12-09 15:09:25

好的謝謝！我會試試看：） – xotix

Force Bootstrap的摺疊導航100％高度

回答

相關問題