Twitter Bootstrap Modals不适用于MVC3

我试图在我的MVC3应用程序内部实现一个模式对话框。现在我只是摆弄它。这里是我的代码：Twitter Bootstrap Modals不适用于MVC3

@model AROrdering.Models.Category 
@{ 
    ViewBag.Title = "Browse"; 
    Layout = null; 
} 
<html> 
<head> 
<title>test</title> 
<link href="@Url.Content("~/Content/testbootstrap.css")" rel="stylesheet" type="text/css" /> 
<script src="@Url.Content("~/Scripts/testbootstrap.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/testjquery-1.9.1.js")" type="text/javascript"></script> 
<script> 
    $(document).ready(function() { 
     $('#showGame').click(function() { 
      $('#gameModal').modal('show'); 
     }); 
    }); 
</script> 
</head> 
<body> 
<div class="container"> 
    <div id="gameModal" class="modal hide fade in"> 
     <div class="modal-header"> 
      <a class="close" data-dismiss="modal">×</a> 
      <h3>This is a Modal Heading</h3> 
     </div> 
     <div class="modal-body"> 
      <h4>Text in a modal</h4> 
      <p>You can add some text here.</p> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn btn-primary">Call to action</a> 
      <a href="#" class="btn" data-dismiss="modal">Close</a> 
     </div> 
    </div> 
    <button id="showGame" class="btn btn-primary btn-large">Show Game Listing</button> 
</div> 
</body> 
</html>

如果我实施应用，模态对话框的作品外一个普通的HTML页面这个确切的HTML。但是当我移动代码时，它不会。我使用相同的CSS和JavaScript文件。有没有人有一个想法，当我转向MVC3时，为什么会出现这种情况？

来源

2013-04-23 Ryan Duffing