用Laravel和Bootstrap制作一个简单的Nav-Bar
#php #laravel #bootstrap

Bootstrap具有自己制作Navbar的组件,您可以看到该here。在本教程中,我们想展示如何在Laravel中使用它。
首先,您必须在项目中包括Bootstrap的CSS文件。如果要使用JS功能,也需要使用JS文件。
让我们在Laravel中创建一些路线:

Route::view('/', 'home')->name('home');
Route::view('/about', 'about')->name('about);
Route::view('/contact', 'contact')->name('contact');

在视图中,您可以像这样@include() nav-bar视图:

@include('nav-bar') 

现在让我们创建navbar的kou​​de1,您可以使用默认的nav bar of bootstrap
并生成这样的链接:

<li class="nav-item">
    <a class="nav-link @if Route::currentRouteName() == 'home') active @endif" href="{{ route('home') }}">Home</a>
</li>

您可以看到以使活动路线粗体显示,您必须编写这样的复杂代码:

@if Route::currentRouteName() == 'home') active @endif 

更轻松地激活Laravel中的链接的方法

为了使链接活跃起来,您可以使用Active package,它确实使您的代码变得容易,并且可以使用以上代码,您可以编写以下内容:

@active('home') 

您可以找到包装here。我希望它对您有帮助。