title: Bootstrap 4 How to use multiple jQuery versions on same page
body: <p>I am working on a website where I'd like to use jQuery 2.2.4 and jQuery 3.1.1.
  I want to use version 2.2.4 for my <strong>owl carousel 2</strong>, but I need 3.1.1 in order to make my standard fixed navbar from <strong>Bootstrap 4 Alpha</strong> work.</p>
  
  <p>However, when I both add the following lines..</p>
  
  <p><code>&lt;script type="text/javascript" src="/js/jquery-2.2.4.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="/js/jquery-3.1.1.min.js"&gt;&lt;/script&gt;</code></p>
  
  <p>.. only the menu works. This is my owl-carousel 2 initializer:</p>
  
  <pre><code>  $('.owl-carousel').owlCarousel({
          loop: true,
          margin: 30,
          nav: false,
          responsiveClass: true,
          responsive: {
              0: {
                  items: 1
              },
              600: {
                  items: 2
              },
              1000: {
                  items: 3,
                  loop: false,
                  dots: true
              }
          }
      })
  </code></pre>
  
  <p>I have searched other topics and came across the noConflict(); option but I don't know how to implement this.</p>
  
  <p>So, I need v2.2.4 for my carousel and I need v3.1.1 for a fixed navbar (without initializer). How would I make this possible without encountering problems?</p>