I was having difficulty combining the use of Twitter Bootstrap, its Dropdown menus, jQuery and the jQuery Validate plugin. I was playing around with the order of the .js files finding that I could sometimes get the menus to work but not the validation and vice versa. The order below is what is working for me now:
<script type=”text/javascript” src=”/assets/js/bootstrap.js”></script>
<script type=”text/javascript” src=”/scripts/jquery/jquery-1.7.1.min.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-alert.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-tooltip.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-transition.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-collapse.js”></script>
<script type=”text/javascript” src=”/assets/js/bootstrap-dropdown.js”></script>
<script type=”text/javascript” src=”/scripts/thickbox/thickbox-compressed.js”></script>
<script type=”text/javascript” src=”/scripts/gritter/js/jquery.gritter.min.js”></script>
<script type=”text/javascript” src=”/scripts/jquery-validation/jquery.validate.min.js”></script>
<script type=”text/javascript” src=”/scripts/nrs.js”></script>