Q:

basic asp.net setup for twitter bootstrap

I am trying to use twitter bootstrap with asp.net in visual studio 2010 ultimate. i cant find anything that explains how to set it up and why. everything i try doesn't quite work. Most articles are for MVC and im still new to asp.net so i want to start with the basics before i try mvc.
The closest i have got is to get the styles to work, but the javascript doesnt seem to work no matter what example i try. here is the closest i have got. its a mash up of the modal example snippet on the bootstrap website and a few blogs i found about using bootstrap with mvc.
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication6.WebForm3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="~/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/bootstrap-responsive.min.css" />

</head>
<body>
    <script type="text/javascript" src="~/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/js/jquery-1.8.2.min.js"></script>
    <form id="form1" runat="server">

        <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

        <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3 id="myModalLabel">Modal header</h3>
            </div>
            <div class="modal-body">
            <p>One fine body…</p>
            </div>
            <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Save changes</button>
            </div>
            @RenderBody()
        </div>
    </form>
</body>
</html>

The files are all in the locations at the links. im starting to think i need to install some prerequisites or something. The @RenderBody() shows up as text.
i cannot find any examples that work. Any help would be greatly appreciated as ive started going round in circles

A:

This is not an issue with asp.net, you simply need to move the jquery JS file before the bootstrap include.
it will help you greatly if you use a browser with a javascript console such as chrome, the error doesn't always tell you exactly what the problem is but it can help narrow things down.

