Bootstrap не отображается должным образом в Laravel Blade

Question

Я устанавливаю файлы начальной загрузки в общую папку. Маршруты как ниже:

<link rel="stylesheet" href="{{url('assets/css/bootstrap.min.css')}}">
<script type="text/javascript" src="{{url('assets/js/bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{url('assets/js/jquery.min.js')}}"></script>
<script type="text/javascript" src="{{url('assets/js/tether.min.js')}}"></script>

нет проблем с этим. Я вижу соединение с файлами при проверке исходного кода. а также шрифты начальной загрузки активны, но, когда я пытаюсь скопировать некоторые примеры с сайта начальной загрузки. Он не отображается должным образом. Например, я скопировал панель навигации в свой main.blade, но она не отображается. Чем это вызвано? Есть идеи?

Это большой экран, но показывает значок гамбургера?

Answer 1

Порядок, в котором вы добавляете javascript на страницу HTML, важен.В этом случае, так как bootstrap.min.js использует jquery.min.js, сначала нужно добавить jquery.Поэтому, когда загрузчик загружается и ищет jquery, он находит его.

Но если один скрипт не зависит от другого, вы можете добавить их в любом порядке.

Поэтому сначала добавьте jquery.min.js, а затем все, что использует jquery (например, загрузчик), после него.

Answer 2

Вы должны добавить jquery перед загрузкой min js file

<link rel="stylesheet" href="{{url('assets/css/bootstrap.min.css')}}">
<script type="text/javascript" src="{{url('assets/js/jquery.min.js')}}"></script>
<script type="text/javascript" src="{{url('assets/js/tether.min.js')}}"></script>
<script type="text/javascript" src="{{url('assets/js/bootstrap.min.js')}}"></script>