title: Flexslider invisible
body: <p>I recently started using flexslider.</p>
  
  <p>I'm creating a website using bootstrap, and using code to embed flexslider images become <strong>invisible</strong> and I have no result.</p>
  
  <p>In <strong>header</strong>
  </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/flexslider.css"&gt; 
  &lt;script src="js/custom.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In <strong>custom.js</strong> 
  </p>
  
  <pre><code>$(window).load(function() {
      $('.flexslider').flexslider();
  });
  </code></pre>
  
  <p>In the <strong>body</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div class="flexslider"&gt;
              &lt;ul class="slides"&gt;
                  &lt;li&gt;&lt;img src="img/img1.png" /&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;img src="img/img2.png" /&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>A the end of the body
  </p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.flexslider.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is my code</p>
  
  <p>Can anyone explain why?</p>
  
  <p><strong>Thanks</strong> in advance</p>