【问题标题】:Bootstrap with asp.net forms带有 asp.net 表单的引导程序
【发布时间】:2014-01-03 23:42:34
【问题描述】:
我在我的 asp.net 表单应用程序中使用引导程序。我在项目中有所有必需的文件:
- bootstrap.min.js
- jquery-2.0.3.min.js
- bootstrap.min.css
当我在根目录中添加内容页面时,该站点可以正常运行;所有引导功能都可以正常工作。但问题是,当我将内容放在另一个文件夹中(例如 webapp/content/default.aspx)时,该站点在 IE 中无法运行。在其他浏览器上它会显示内容,但引导程序的功能根本不起作用。
我的脚本:
<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
【问题讨论】:
标签:
javascript
jquery
asp.net
twitter-bootstrap
【解决方案1】:
你需要一个 /
如
<script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
为了更完整
- 以斜杠开头使其相对于网站根目录
- 两个句点 ../ 会使它上升一个目录(所以 ../../ 使它上升两个目录 ...)
- ~/ 将您带到项目目录的根目录。
- 否则它与当前文件所在的目录相关。(因此 js/jquery-2.0.3.min.js 正在您当前目录的 js 子文件夹中查找该文件。)
【解决方案3】:
**Try using the files:**
ie8-responsive-file-warning.js,
html5shiv.js and
respond.min.js.
Make the Downloads and place the files in js folder.
**Use the paths**
"@Url.Content("~/patch/file.js")"
****Example****
<head>
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="@Url.Content("~/js/ie8-responsive-file-warning.js")"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="@Url.Content("~/js/html5shiv.js")"></script>
<script src="@Url.Content("~/js/respond.min.js")"></script>
<![endif]-->
<script src="@Url.Content("~/js/jquery-2.0.3.min.js")"></script>
<script src="@Url.Content("~/js/bootstrap.min.js")"></script>
</head>