bootstrap navbar:展开后,Toggler会将navbar品牌移动到其下方

时间:2019-07-03 15:05:32

标签: html css bootstrap-4

当用户位于桌面视口或移动视口中时,我使用“ order-md-last”类将导航栏品牌保持在右侧。但是,当视口处于中等状态时,每次切换时,导航栏品牌都会在切换器下方掉落。

由于某些原因,当用户在小型视口设备上时,导航栏品牌不会掉落在切换器下方。

我尝试使用mr-auto,ml-auto和order-n,但是在桌面视图中它可能无法保持正确的位置,或者只是掉在切换器的下面。

https://jsfiddle.net/0uoL8x6e/1/

#![cfg_attr(DENY_WARNINGS, deny(warnings))]

fn main() {
    // This will be a warning locally but fail to compile e.g. if built on Travis
    Result::<(), ()>::Err(());
}

这是导航栏在md视口中的外观。

https://imgur.com/sPZQNGY

这是切换后的样子。

https://imgur.com/ODUuf05

这是切换的导航栏在sm视口中的外观

https://imgur.com/Qqx52OM

编辑: 通过使用“ order-lg-last”而不是“ order-md-last”来解决此问题。

0 个答案:

没有答案