[Laravel] Bootstrap 4 dropdown-menu-right が効かない!?時

2018年9月6日ITBootstrap, Laravel

Bootstrap4-Beta 版のバグみたいです。

参考元:
Bootstrap 4 Navbar Dropdown Menu Items Right

CSS にこちらを書いてやるか、Bootstrapのバージョンを上げてみてください。

.dropdown-menu-right { 
    right: 0; 
    left: auto; 
}

無事反映されました。
laravel-dropdown-menu-right-not-working1.png

dropdown-menu-right クラスをあててるのに、インスペクタでは読み込んでなくて、、、

圧縮されてる app.css には dropdown-menu-right はあるし、キャッシュは削除してるのに

「あれ〜〜」と思ってたら、Beta版による抜けでした。

Laravel 5.6.17 を使ってるんですが、入ってる Bootstrap4 は Beta版でした。

ちなみに、、

Laravel 5.5 は Bootstrap 3

Laravel 5.6 から Bootstrap 4 とのことです。

スポンサーリンク

Posted by nobuhiro harada