Php 如何将顶部导航栏移动到屏幕右侧？_Php_Html_Css_Laravel

Php 如何将顶部导航栏移动到屏幕右侧？

php html css laravel

Php 如何将顶部导航栏移动到屏幕右侧？,php,html,css,laravel,Php,Html,Css,Laravel,我的顶部导航栏位于屏幕的左侧，如何将其移到右侧？当前输出是屏幕左侧出现的顶部导航栏。想要的输出是屏幕右侧出现的顶部导航。我试过使用 .li { float:right } 但是，这不会将我的顶部导航栏移动到屏幕的右侧。我的代码附在下面这是我的dynamic.blade.php： <!DOCTYPE html> <html> <head> <link rel="stylesheet" hr

我的顶部导航栏位于屏幕的左侧，如何将其移到右侧？当前输出是屏幕左侧出现的顶部导航栏。想要的输出是屏幕右侧出现的顶部导航。我试过使用

.li {
    float:right
    }

但是，这不会将我的顶部导航栏移动到屏幕的右侧。我的代码附在下面

这是我的dynamic.blade.php：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" 
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" 
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" 
crossorigin="anonymous">
        <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    </head>
    @component('layouts.components.navbar')
    @endcomponent
    @if ($pageContent->URI == 'shop')
            @component('layouts.components.sidenavbar')
            @endcomponent
        @endif
    <body>
        {!!$pageContent->pageContent!!}
        @if ($pageContent->URI == 'shop')
            @component('layouts.components.shop')
            @endcomponent
        @endif
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="/">Marketing 4 Growth</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data- 
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" 
aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            @foreach($navContent as $nav)
                <li class="nav-item">
                    <a class="nav-link" href="{!!$nav->navLink!!}">{!!$nav->navName!!}</a>
                </li>
            @endforeach
        </ul>
    </div>
</nav>

感谢您花时间尝试阅读此问题并帮助我！：D

您能添加一些代码片段来显示您描述的确切问题吗？那会更有帮助的。黛布斯米塔·保罗，我该怎么添加呢？这是刀片模板。如果您能向我们展示最终的HTML和CSS，那就太好了。例如，在JSFIDLE或这里的代码片段中。我不知道什么是代码片段或JSFIDLE，我是编程新手。谷歌是你的朋友。在你问之前先试一下。只要尝试在那里添加新的术语，如

代码片段

或

jsfiddle

，就可以节省每个人的时间。

.margin-top-20 {
    margin-top: 20px;
}

.feature-img {
    max-height: 200px;
}

.li {
    float: right;
}