bootstrap site looks different than localhost server side - css does not apply?

advertisements

I noticed that while working in visual studio (2013) on a site using bootstrap (3) when previewing changes (localhost iisexpress) everything looks normal/as expected - specifically rounded edges, horizontal lines in menus, and font smoothing.

However, after publishing (file system), those elements disappear. The corners are hard, the lines in the menus are gone (and replaced with big space) , and the fonts don't seem to be smoothed.

both times I'm viewing/previewing in IE 11

The server is 2008 R2, IIS is 7 with .net 4.5 installed

Is there something I need installed on the server to make css3 work?

((I'd post an image, but I don't have enough rep, hopefully the link will work))

link to flickr image

update Sorry, I should've posted that I did notice , via inspector, that when running under localhost the style is properly identified as 'boostrap.css', however the server side version shows 'css (1)' I also see that the serverside version has the very same elements underlined (red squiggle line) whereas the localhost version doesn't.

OH!!! I started poking around in the other tabs of the inspector .. and notice that serverside document mode was set to '7 (Default)' - localhost (as launched by visual studio) is set to 'Edge' -- I changed it on my browser, and it all looks perfect. SOOOOOOooooo is there a way to force the rendering? or is it a client/browser setting?


Thanks for the help .. after finding the document mode difference - I found a solution here: How to set IE11 Document mode to edge as default?

note: i started with a visual studio 'template', it had in Site.Master:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

I tried just adding ,IE=edge, chrome=1" and that didn't seem to do the trick. So I replaced it with :

<meta name="viewport" http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />

and it's working -- not sure if I loose anything without the <meta name="viewport" http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> ... but I'm purty dang happy right now :)