这是一个艰难的，我不确定要提供什么信息。但这是我能想到的最好的。如果我遗漏了一些东西，请询问更多。
基本上 - 我使用的Bootstrap主题表现非常出色，直到我尝试将其放入ASP.Net MVC 4应用程序。现在，主题和我的自定义仍然可以正确呈现，但我的鼠标上的滚轮在Chrome，Firefox和IE上无法使用（但箭头键可以工作）。
ASP.Net MVC 4
.Net版本4.0
BundleConfig.cs
using System.Web;
using System.Web.Optimization;
namespace Lubbock_Baseball_Academy__4._0_
{
public class BundleConfig
{
// For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/respond.js"));
// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new StyleBundle("~/bundles/css").Include(
"~/Content/themes/openmind/css/bootstrap.css",
"~/Content/themes/openmind/css/font-awesome.css",
"~/Content/themes/openmind/css/animate.css",
"~/Content/themes/openmind/css/lightbox.css",
"~/Content/themes/openmind/css/syntax/shCore.css",
"~/Content/themes/openmind/css/shThemeDefault.css",
"~/Content/themes/openmind/css/color-default.css",
"~/Content/themes/openmind/css/width-full.css",
"~/Content/themes/openmind/css/style.css",
"~/Content/themes/openmind/css/lba.css"));
bundles.Add(new ScriptBundle("~/bundles/theme").Include(
"~/Content/themes/openmind/js/jquery-1.10.2.min.js",
"~/Content/themes/openmind/js/jquery.cookie.js",
"~/Content/themes/openmind/js/bootstrap.min.js",
"~/Content/themes/openmind/js/jquery.mixitup.min.js",
"~/Content/themes/openmind/js/lightbox-2.6.min.js",
"~/Content/themes/openmind/js/holder.js",
"~/Content/themes/openmind/js/app.js"));
}
}
}
_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/bundles/css")
@Scripts.Render("~/bundles/modernizr")
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="boxed animated fadeIn animation-delay-5">
<header id="header" class="hidden-xs">
<div class="container">
<!--<div id="header-title">
<h1 class="animated fadeInDown"><a href="index.html">Open <span>Mind</span></a></h1>
<p class="animated fadeInLeft">Clean and elegant theme</p>
</div> -->
<div id="header-title">
<div id="header-logo-wrapper">
<img id="header-logo" src="/Images/lba-logo.png" class="img-responsive" alt="Lubbock Baseball Academy" />
</div>
<ul id="header-text-wrapper">
<li><h1 id="header-title-text">Lubbock Baseball Academy</h1></li>
<li><h2 id="header-slogan-text">Achieving Excellence Since 2012</h2></li>
</ul>
</div>
<div id="social-header" class="hidden-xs">
<a href="#" class="social-icon soc-twitter animated fadeInDown animation-delay-1"><i class="fa fa-twitter"></i></a>
<a href="#" class="social-icon soc-google-plus animated fadeInDown animation-delay-2"><i class="fa fa-google-plus"></i></a>
<a href="#" class="social-icon soc-facebook animated fadeInDown animation-delay-3"><i class="fa fa-facebook"></i></a>
<a href="#" class="social-icon soc-instagram animated fadeInDown animation-delay-4"><i class="fa fa-instagram"></i></a>
<a href="#" class="social-icon soc-pinterest animated fadeInDown animation-delay-5"><i class="fa fa-pinterest"></i></a>
<a href="#" class="social-icon soc-linkedin animated fadeInDown animation-delay-6"><i class="fa fa-linkedin"></i></a>
<a href="#" class="social-icon soc-github animated fadeInDown animation-delay-7"><i class="fa fa-github"></i></a>
</div>
</div> <!-- container -->
</header> <!-- header -->
@Html.Partial("_NavigationPartial")
@RenderBody()
<aside id="footer-widgets">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3 class="footer-widget-title">Sitemap</h3>
<ul class="list-unstyled three_cols">
<li><a href="#">Home</a></li>
<li><a href="#">Facility</a></li>
<li><a href="#">Teams</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Instructors</a></li>
<li><a href="#">Contact</a></li>
</ul>
<h3 class="footer-widget-title">Subscribe</h3>
<p>Lorem ipsum Amet fugiat elit nisi anim mollit in labore ut esse Duis ullamco ad dolor veniam velit lorem ipsum dolor sit amet, consectetur adipisicing..</p>
<div class="input-group">
<input type="text" class="form-control" placeholder="Email Adress">
<span class="input-group-btn">
<button class="btn btn-success" type="button">Subscribe</button>
</span>
</div><!-- /input-group -->
</div>
<div class="col-md-8">
<img src="/Images/lba-logo.png" class="img-responsive" alt="Lubbock Baseball Academy" style="float: right; margin: 10px; max-width:300px" />
</div>
</div> <!-- row -->
</div> <!-- container -->
</aside> <!-- footer-widgets -->
<footer id="footer">
<p>© 2013 <a href="#">Open Mind</a>, inc. All rights reserved.</p>
</footer>
</div> <!-- boxed -->
<div id="back-top">
<a href="#header"><i class="fa fa-chevron-up"></i></a>
</div>
<!-- Scripts -->
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/theme")
@RenderSection("scripts", required: false)
</body>
</html>
有什么想法吗？
同样，我不完全确定还有什么可以告诉你。如果您还有其他想看的东西，请告诉我。