Twitter bootstrap 引导下拉列表不适用于移动设备上的Laravel

我在导航栏中创建了一个下拉列表。以下是下拉列表的代码：

<ul class="nav navbar-nav navbar-right">
    @if(Auth::check())
        @include('layouts.loggedin')
    @else
        @include('layouts.loggedout')
    @endif
 </ul>

---

每当我点击Welcome、username时，navbar切换菜单就会关闭，并且下拉项永远不会显示。但是，如果我检查页面中的元素，编辑HTML代码并粘贴相同的代码

loggedin.blade.php

，下拉菜单就会起作用。我认为与JS存在冲突，但我已经尽了最大努力，似乎没有任何效果。

确保jQuery是第一个JS脚本，例如，如果使用JavaScript，请先使用jQuery，然后在页面底部使用引导Ja

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Welcome, {{Auth::user()->username}}
    <span class="caret"></span>
</a>
<ul class="dropdown-menu">
    <li><a href="/home">Dashboard</a></li>
    <li><a href="/{{Auth::user()->username}}">Profile</a></li>
    <li><a href="/logout">Logout</a></li>
</ul>