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的koude1,您可以使用默认的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。我希望它对您有帮助。