could someone tell me why my bootstrap site is not working on all devices?
When I view it from my computer it looks fine. When I view it from a co-workers computer it looks like all css is striped and its not using boot strap, same with when I view it from my iphone 5.
Here is the head of my master page
<head runat="server">
<title>Flashpoint P.O.S.</title>
<link href="../Content/bootstrap.css" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../Content/Styles.css" rel="Stylesheet" type="text/css" />
<script src="../Scripts/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="../Scripts/bootstrap.js" type="text/javascript"></script>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<script>
$(document).ready(function () {
$(document.body).css('padding-top', $('#navList').height() + 10);
$(window).resize(function () {
$(document.body).css('padding-top', $('#navList').height() + 10);
});
});
</script>
</head>
Here is the link to the broken site
EDIT: I just noticed it works fine in firefox, but not in Chrome on production environment. (Posted link)
But it works in both in development environment (ms vs 2010)
Another Odd thing, I can navigate to http://easystoremanager.com/Trim/Images/contactus.jpg on firefox but not chrome?
Any ideas?
