Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在右侧移动导航栏项_Html_Css_Bootstrap 4_Frontend - Fatal编程技术网

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;
}