загрузчик CSS @media не работает в laravel
Я новичок в Ларавеле. В моем проекте я пытаюсь загрузить bootstrap правильно шаблон лезвия. Все хорошо, кроме CSS @media, представление отображается только с обычным классом CSS в начальной загрузке, но не с классом CSS в медиа. Это мой код:
Это index.blade.php Посмотреть:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>
Laravel Sample Site
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
</head>
<body>
<div class="row">
<div class="col-md-6" style="background-color:yellow;height:100px;"></div>
<div class="col-md-6" style="background-color:red;height:100px;"></div>
</div>
</body>
</html>
media-queries включены в начальную загрузку CSS.
И это моя публичная структура:
public/
/bootstrap/
/css
/js
/font
/assets
/css
/js
/font
/images
Как и ожидалось, View должен содержать 2 столбца с одинаковой шириной, но при запуске View содержит только 2 строки (именно это означает, что загрузочный макет CSS не работает)
Решение
Laravel создает HTML, и там, где находится ваш файл .css, он больше не имеет отношения к браузеру, который обрабатывает медиа-запросы.
В вашем HTML это выглядит так, как будто отсутствует начальный загрузчик .js.
Вы можете поэкспериментировать со статическим .html-кодом в своем браузере, чтобы увидеть, в чем заключается ошибка при использовании начальной загрузки в вашем случае. В данный момент в этом случае нет информации о вашем HTML, которая не отвечает на запросы @media.
Другие решения
Других решений пока нет …