總是移動菜單，Rails 5，bootstrap-rubygem

我正在使用Rails 5和Twitter Bootstrap gem（Twitter Bootstrap 4.00.beta2.1）。我使用傳送帶和網格系統，一切正常，但不是導航欄。我正在使用Bootbar的代碼導航欄Bootstrap site，並始終處於移動狀態。總是移動菜單，Rails 5，bootstrap-rubygem

我試着用Bootstrap的新頁面而不是bootstrap-rubygem，但從CDN和導航欄工作正常。對於bootstrap-rubygem在頁面的例子，我看到：

.collapse { 
    display: none; 
}

與Bootstrap從的頁面，我看到同樣的規則，但另一個CSS替代它：

@media (min-width: 992px) _navbar.scss:162 
    .navbar-toggleable-md .navbar-collapse { 
     display: -webkit-box!important; 
     display: -webkit-flex!important; 
     display: -ms-flexbox!important; 
     display: flex!important; 
     width: 100%; 
}

而且與bootstrap-rubygem頁面，我看不到規則@media (min-width: 992px)

我能做些什麼？

來源

2017-10-28 gdfgdfg

定義'bootstrap_and_overrides.css'文件並覆蓋CSS那裏。 – Cyzanfar

它改變了4.0.0-β

更新導航欄響應行爲是可移動的第一，使用一個新的類名.navbar-擴大，而不是.navbar，可切換，刪除toggler位置調節劑（依靠柔性utils），並修復了一些bug。

# _navbar.html.slim 
nav.navbar.navbar-light.bg-white.navbar-expand-md

按照官方發行說明的變化，rubygem沒有太多的信息https://github.com/twbs/bootstrap/releases

來源

2017-10-28 23:58:49 Alexis

PD：該文檔部分過時，新的主要子域（如果這是有道理的大聲笑）http://getbootstrap.com/docs/4.0/components/navbar/ – Alexis

總是移動菜單，Rails 5，bootstrap-rubygem

回答

相關問題