Как правильно использовать .noConflict?
 

Ребятки добрые, помогите нубу. Всю голову сломал...

Итак, имеются 2 слайдера.
Первый слайдер на Bootstrap, второй на jQuery.

На официальном сайте бутстрапа сказано, при возникновении конфликта можно использовать следующий код:

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality

Про jQuery таже история: "Используйте код:"

<script>jQuery.noConflict()</script>

Мой код выглядит следующим образом:

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="js/responsiveCarousel.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

Где: 1. Библиотека jQuery
2. Плагин jQuery
3. Bootstrap

При таком расположении скрипта работает слайдер на Bootstrap.
Если отключаю Bootstrap, начинает работать второй слайдер.

Как можно решить мою проблему используя .noConflict?
И может быть как то возможно ещё обойти этот конфликт...?

Единственное, что я дурачек смог придумать, так это обойти через iFrame, но это колхоз и меня такое решение не устраивает, поэтому прошу помощи друзья...:help:

В данный момент консоль выдает только вот это:

npm.js:2 Uncaught ReferenceError: require is not defined(anonymous function) @ npm.js:2

Но на сколько я знаю, nom.js вроде как на ход событий вообще не влияет.

Lons,
порядок скриптов
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>


<script type="text/javascript" src="js/responsiveCarousel.min.js"></script>
script -> всё что с jQuery, в том числе инициализация слайдера
<script>jQuery.noConflict()</script>
<script type="text/javascript" src="js/bootstrap.js"></script>
script ->всё что связано с bootstrap