当前位置:  开发笔记 > 后端 > 正文

Bootstrap 4 Alpha 6导航栏切换器 - 左右创建奇怪的行为

如何解决《Bootstrap4Alpha6导航栏切换器-左右创建奇怪的行为》经验,为你挑选了1个好方法。

我有一个简单的导航栏:


对于所有屏幕尺寸,一切都按预期工作. 在此输入图像描述 我想对切换器进行正确的证明,因为菜单是正确的.因此,根据Bootstrap 4 alpha 6,我补充道

navbar-toggler-right

按钮,它确实正确地对齐按钮,但导航栏本身不再扩展以填充按钮.所以切换按钮看起来只是浮动.我满足于让navbar-toggler-right让它工作,但我只是好奇它为什么会这样做.与navbar-toggler-right有关,也许有绝对的位置.navbar-toggler-left也做同样的事情.

在此输入图像描述

编辑 为了提供更多细节,切换按钮位于左侧或右侧并不重要.添加类navbar-toggler-left会导致同样的问题.我的问题不是如何将切换按钮向右移动(我可以通过添加浮动:向右按钮来实现),但为什么导航栏切换器左右类具有这种奇怪的行为.



1> Lei Sen..:

没有冒犯,但你应该只添加.ml-auto,这是有效的.

推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有