0

Rails 5Twitter Bootstrap gem(Twitter Bootstrap 4.00.beta2.1)を使用しています。私はカルーセルとグリッドシステムを使用しており、すべてが機能しますが、navbarは動作しません。私はブートストラップサイトBootstrap siteのためにnavbarのためのコードを使用しており、常にモバイル状態になっています。常にモバイルメニュー、Rails 5、bootstrap-rubygem

bootstrap-rubygemではなく、ブートストラップで新しいページを試しましたが、CDNとnavbarからうまく動作します。私が見るbootstrap-rubygemのページでたとえば:

.collapse { 
    display: none; 
} 

ページでは​​からBootstrapで、私は、同じルールを参照してください、しかし、別のCSSはそれを上書き:bootstrap-rubygem

@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%; 
} 

とページで、私は規則を見ることができません@media (min-width: 992px)

私は何ができますか?

+0

は 'bootstrap_and_overrides.css'ファイルを定義し、そこにCSSを無効に多くの情報を持っていません。 – Cyzanfar

答えて

1

それは

更新ナビゲーションバー応答行動が、モバイル最初に代わり.navbar-トグルの.navbar-展開する新しいクラス名を使用し、トグラー位置修飾子を削除するには(フレックスに依存している4.0.0ベータに変更utils now)、いくつかのバグを修正してください。

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

変更のための公式リリースノートに従って、rubygemはhttps://github.com/twbs/bootstrap/releases

+0

PD:docsは部分的に廃止されていますが、新しいサブドメインはメインのサブドメインにあります(もし意味があれば)http://getbootstrap.com/docs/4.0/components/navbar/ – Alexis