I'm totally new at this, so this question is mostly just to understand. On
the Boostrap page
(http://twitter.github.com/bootstrap/javascript.html#carousel) the source
code shows that the javascript files are loaded at the bottom of the page
for page load performance reasons.
For some reason, when I load the javascript at the top, the images
automatically transition based on the timing that I set. As soon as I move
the javascript references to the bottom (see below), all js works except
that the slides no longer transition automatically. Any thoughts as to why
that may be the case?
<!-- Footer
================================================== -->
<footer class="footer">
<p>...some text...</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
</body>
</html>
