引导 CSS @media 在 laravel 中不起作用答案

【问题标题】：bootstrap CSS @media not working in laravel引导 CSS @media 在 laravel 中不起作用
【发布时间】：2015-07-05 14:14:02
【问题描述】：

我是 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

正如预期的那样，视图必须包含 2 列具有相同的宽度，但是当我运行视图时只包含 2 行（确切地意味着引导 css 布局不起作用）

【问题讨论】：

你能发布媒体查询吗？我不完全理解你的问题
我使用 twitter bootstrap 所以@media 被包含在 bootstrap css 文件中

标签： php css twitter-bootstrap laravel media-queries

【解决方案1】：

Laravel 生成 HTML 以及包含您的 .css 文件的位置，并且它与处理媒体查询的浏览器没有进一步的关系。

在您的 HTML 中，似乎缺少 bootstrap .js。

您可以在浏览器中试验静态 .html 代码，以查看在您的案例中使用引导程序的错误在哪里。现在这个案例没有你的 HTML 信息，它不响应 @media 查询。

【讨论】：

我尝试使用 HTML，一切正常。所以我认为问题来自 Laravel？
如果媒体查询的行为不符合您的要求，那么问题出在纯前端（html、css、js）中。 Laravel 只是为你生成 HTML。你的测试 html 和 Laravel 生成的 HTML 肯定有区别。如果您将发布 HTML/CSS sn-p what is not working hten 可以指出其中的问题。
HTML和blade.php文件完全一样，在浏览器中，我查看源代码：它们也一样，在laravel中，boostrap css文件完全加载。