Html 如何在右侧移动导航栏项
我使用引导类,我需要在左边的标志,但在右边的导航项目。 也要有反应Html 如何在右侧移动导航栏项,html,css,bootstrap-4,frontend,Html,Css,Bootstrap 4,Frontend,我使用引导类,我需要在左边的标志,但在右边的导航项目。 也要有反应 您可以将ml auto添加到ul类中,这将为您的ul提供auto的左边距。它将如下所示: 您可以使用“向右浮动”将导航栏移动到右侧 #collapsibleNavbar{ float: right; margin: 0 10px 0 0; } 您可以尝试以下方法: // CSS code nav #collapsibleNavbar{ width: n%; // n = o que ac
-
-
-
-
您可以将ml auto
添加到ul
类中,这将为您的ul
提供auto
的左边距。它将如下所示:
您可以使用“向右浮动”将导航栏移动到右侧
#collapsibleNavbar{
float: right;
margin: 0 10px 0 0;
}
您可以尝试以下方法:
// CSS code
nav #collapsibleNavbar{
width: n%; // n = o que achar melhor
margin: n n;
display: block;
}
nav #collapsibleNavbar .navbar-nav{
display: block;
width: auto; // or what You think is better for your project
margin: n n;
float: right;
}
我认为您可以尝试将您的徽标和切换/折叠按钮封装在一个div中,将div设置为向左浮动。也许您需要在顶部添加一些“!important”请在您的问题中编辑此内容,因此将此答案标记为已接受。
// CSS code
nav #collapsibleNavbar{
width: n%; // n = o que achar melhor
margin: n n;
display: block;
}
nav #collapsibleNavbar .navbar-nav{
display: block;
width: auto; // or what You think is better for your project
margin: n n;
float: right;
}