响应类在 laravel 5.3 中不起作用答案

【问题标题】：Responsive class is not working in laravel 5.3响应类在 laravel 5.3 中不起作用
【发布时间】：2017-03-15 17:11:34
【问题描述】：

我正在使用 laravel 和 vuejs

Laravel 正在使用这一行来导入 bootstrap css

// Bootstrap
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

在app.scss 文件中

在npm install 之后，所有引导类都在工作，除了响应类。

我正在使用以下类

https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

示例：要仅在桌面上显示，我使用的是 hidden-md-down 类。

但是当我使用下面的 css cdn 响应类时，其他类会中断。

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

如果您遇到并解决了此类问题，请帮助我。

谢谢

【问题讨论】：

【解决方案1】：

我正在使用这里提到的类

https://www.tutorialspoint.com/bootstrap/bootstrap_responsive_utilities.htm

它与 laravel 5.3 中内置的引导 css 节点模块一起使用

【讨论】：

【解决方案2】：

从 laravel 导入的是 Bootstrap v3。

您所指的类来自 Bootstrap v4。如果您想使用 Bootstrap v3，请删除 laravel 提供的 @import。

如果您这样做，您必须自己导入 Bootstrap v4，这可以通过下载文件并将其包含在您的 <head></head> 中，使用 gulpfile ，使用 CDN 来完成，..

我建议仍然使用 Bootstrap v3 。在这种情况下，只需保留所有内容并删除您现在拥有的那些 CDN 链接。并使用 Bootstrap v3 文档中提供的类： http://getbootstrap.com/css/

【讨论】：