0

我正在使用Rails 5Twitter 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)

我能做些什么?

+0

定义'bootstrap_and_overrides.css'文件并覆盖CSS那里。 – Cyzanfar

回答

1

它改变了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

+0

PD:该文档部分过时,新的主要子域(如果这是有道理的大声笑)http://getbootstrap.com/docs/4.0/components/navbar/ – Alexis