3👍
Once I included JQuery as well, it began working. The <head>
in my example above should have been as follows:
<head>
<meta charset="utf-8">
<title>Simple test of JavaScript dropdown menus in Twitter Bootstrap</title>
<!-- Le styles -->
<link href="{{ STATIC_URL }}bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<script src="{{ STATIC_URL }}jquery/jquery-1.8.2.js"></script>
<script src="{{ STATIC_URL }}bootstrap/js/bootstrap.js"></script>
</head>
Source:stackexchange.com