title: Jquery marquee is not working with bootstrap frame work
body: <p>I'm using bootstrap frame work to make my web site. and I need to make a auto scrolling (marquee) area in my site. 
  I followed this guide to do that. </p>
  
  <p><strong>URL:</strong>
       <a href="http://www.givainc.com/labs/marquee_jquery_plugin.cfm" rel="nofollow">http://www.givainc.com/labs/marquee_jquery_plugin.cfm</a></p>
  
  <p>but this is not working as I expect. 
      no errors are showing on fire bug console.</p>
  
  <p><strong>header.php:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;meta name="viewport" content="width=device-width", initial-scale=1.0"&gt;
              &lt;link href = "css/bootstrap.min.css" rel =  "stylesheet"/&gt;
              &lt;link href = "css/styles.css" rel = "stylesheet"/&gt;
  
  
  &lt;script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src = "js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.marquee.js"&gt;&lt;/script&gt;
                             &lt;script type="text/javascript"&gt;
  $(document).ready(function (){
    $("#marquee").marquee();
  });
  &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
  </code></pre>
  
  <p><strong>index.php:</strong> (im including the header.php file in index.php )</p>
  
  <pre><code>&lt;?php require_once('heder.php'); ?&gt;
  
  
                  &lt;ul id="marquee" class="marquee"&gt;
                      &lt;li&gt;
                          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed a nulla. 
                          Lorem ipsum dolor sit amet, consectetuer.&lt;/li&gt;
                      &lt;li&gt;
                          Class aptent taciti sociosqu ad litora torquent per conubia nostra, per 
                          inceptos hymenaeos. Fusce tincidunt adipiscing,massa. Class aptent taciti 
                          sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. 
                          Fusce tincidunt adipiscing,massa.
                      &lt;/li&gt;
                  &lt;/ul&gt;
  
  
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-6 col-md-4"&gt;
              &lt;div class="thumbnail"&gt;
                  &lt;div style="background-image:url('images/tab1.png'); background-repeat: no-repeat; padding: 10px; height: 60px; margin: 0 auto;"&gt;
                      &lt;div style="font-size:24px;margin-left: 10px; font-weight: normal; font-family: sans-serif; color: #fff;"&gt;
                          Our Expertise
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="caption"&gt;
                      &lt;h3&gt;Thumbnail label&lt;/h3&gt;
                      &lt;p&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
                      &lt;p&gt;&lt;a href="#" class="btn btn-primary" role="button"&gt;Button&lt;/a&gt; &lt;a href="#" class="btn btn-default" role="button"&gt;Button&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS Style:</strong> (in my style sheet i have a class call marquee like this)</p>
  
  <pre><code>ul.marquee {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  position: relative;
  overflow: hidden;
  width: 500px;
  height: 22px;
  background-color: #f2f2ff;
  border: 1px solid #08084d;
  }
  </code></pre>
  
  <p>can any one help me on this?</p>
  
  <p>Thank you.</p>