2016-11-02 2 views
0

Я использую Laravel и vuejsОтзывчивый класс не работает в Laravel 5,3

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 

Если у вас возникли проблемы с этим видом, пожалуйста, помогите мне.

Благодаря

+0

Являются ли v3 и v4 бутстрапа совместимыми? – tam5

+0

Как проверить версию? Я просто использовал 'npm install' – Drone

+0

Мы просто с вашего поста, я вижу, что две ссылки, которые вы опубликовали, - v3 и v4 – tam5

ответ

0

Я использую классы, упомянутые здесь

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

и ее работы с модулями CSS узла встроенный бутстраповских в Laravel 5,3

0

Импорт из Laravel является Bootstrap v3.

Классы, к которым вы имеете дело, относятся к Bootstrap v4. Если вы хотите использовать Bootstrap v3, удалите @import, который предоставляет laravel.

Если вы сделаете это, вы должны импортировать Bootstrap v4 себя, что может быть сделано путем загрузки файлов и включить его в вашем <head></head>, используя gulpfile, используя CDN, ..

Я рекомендовал бы еще с помощью Bootstrap v3. В этом случае просто оставьте все в покое и удалите те ссылки CDN, которые у вас есть сейчас. И используйте классы, указанные в документации Bootstrap v3: http://getbootstrap.com/css/

+0

Да, я перешел на классы начальной загрузки версии 3 – Drone