Можно ли использовать bootstrap 4 в проекте nextjs, просто добавив таблицу стилей ссылок? - PullRequest
Новая
       15

Можно ли использовать bootstrap 4 в проекте nextjs, просто добавив таблицу стилей ссылок?

0 голосов
/ 28 мая 2019

У меня есть этот проект, в который я импортировал загрузочный ролик, как это в моем заголовке: 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />

Все работало нормально, пока я не решил добавить карусель. Карусель отображается правильно, но она не вращается, а боковые кнопки не работают. Я также заметил, что мое свернутое меню также не работает.

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

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

1 Ответ

1 голос
/ 28 мая 2019

Решил проблему, используя другой веб-сайт в качестве ссылки: https://www.bootstrapcdn.com/

Вместо использования 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />

Я использовал 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

И это наконец работает.

...