Bootstrap 导航栏不工作 laravel 刀片

Posted

技术标签:

【中文标题】Bootstrap 导航栏不工作 laravel 刀片【英文标题】:Bootstrap navbar not working laravel blade 【发布时间】:2018-02-28 23:17:41 【问题描述】:

您好,我有导航文件所在的布局文件夹

<h3 class="text-muted">Company Name or Logo</h3>
<nav class="navbar navbar-expand-md navbar-light bg-light rounded mb-3">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav text-md-center nav-justified w-100">
            <li class="nav-item active">
                <a class="nav-link" href="/dataform/public">Home <span class="sr-only">(current)</span></a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="/dataform/public/register">Register RA</a>
            </li>
            <li class="nav-item">

    @if(Auth::check())
                <a class="nav-link" href="/dataform/public/logout">Logout</a>
        @else
            <a class="nav-link" href="/dataform/public/login">Login</a>
@endif

            </li>

        </ul>
    </div>
</nav>

我在我的主布局上调用它

<div class="container">

    <div class="masthead">


        @include('layouts.nav')

    </div>


<div class="contaainer">

    @yield('content')


</div>

在小型设备上,切换按钮不起作用,根本无法打开,我应该在这里解决什么,TIA

【问题讨论】:

【参考方案1】:

你必须给@include()一个完整的路径,在/views之后开始

例如,您的目录结构如下:

project/resources/views/admin/layouts/nav.blade.php

那么你的包含将是:

@include('admin.layouts.nav')

注意:检查拼写,应该是.blade.php

【讨论】:

我的包含工作正常,导航栏引导代码中有一个我找不到的错误

以上是关于Bootstrap 导航栏不工作 laravel 刀片的主要内容,如果未能解决你的问题,请参考以下文章

HTML/CSS 导航栏不工作

UISearchController 搜索栏不隐藏导航栏

单击切换器后,Bootstrap 4 导航未扩展 [重复]

隐藏导航栏不起作用

Bootstrap 导航栏切换不适用于 Laravel

Laravel bootstrap-vue 不适用于导航崩溃