Можете ли вы смешать бутстрап 3.3 и бутстрап 4.1?Я пытался, и это ломает сайт

Question

Я пытаюсь использовать bootstrap и twitter bootstrap одновременно. По сути, я не могу заставить их работать вместе. Они даже должны работать вместе? Вы можете увидеть Js Fiddle здесь. https://jsfiddle.net/paralaxwombat/v7hpoc6m/4/

Существует два набора загрузочных линий вызова.

  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />



  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Если вы удалите один из них, панель навигации работает, а нижняя - нет. Если вы удалите нижнюю часть, навигационная панель не будет работать, но нижняя будет работать.

Мне интересно, есть ли обходной путь.

Answer 1

Twitter Bootstrap is Bootstrap.Вы пытаетесь смешать версию 3 и версию 4.

Они не предназначены для совместной работы.Bootstrap 4 полностью заменяет Bootstrap 3.

Используйте версию 4. Измените код, соответствующий соглашениям версии 3, для использования соглашений версии 4.

Answer 2

Вы пытаетесь использовать две разные версии одной и той же библиотеки, поэтому я думаю, что ответом будет «Нет».

Я не знаю, есть ли документ со всеми сходствами и различиями, но я знаю конфликт 3.3 javascript api и конфликт * 4.1 javascript api .

Answer 3

Есть 2 версии начальной загрузки, и вы пытаетесь использовать их обе одновременно.Это все версии начальной загрузки Версии .Если вы хотите узнать о них больше, проверьте bootstrap .