Bootstrap design varies between cdn and local download

1
votes

I created a login page using bootstrap with this url:

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

the design was good. late on i decide to download the same css file and integrated to my app.. the design all varies.

what would be the problem? what i missing to download?

My offline has the folders as : font,css,js

here is the comparison images:

Online screen! Offline screen

my offline : link(rel='stylesheet', href='/stylesheet/bootstrap-theme.min.css') link(rel='stylesheet', href='/stylesheet/bootstrap.css') link(rel='stylesheet', href='/stylesheets/style.css')

but no luck!

2
csstwitter-bootstrap
its clear that CSS is not applied on your page.. make sure you are using the correct path. - Kheema Pandey
No the pas this correct here, but i don't know the problem. - 3gwebtrain
then make sure as per the given answer you are using bootstrap CSS file on the top (i.e. just before <head> tag) and then call other CSS files. - Kheema Pandey
are you calling the CSS this way as you posted. <link rel="stylesheet" type="text/css" href="/stylesheet/bootstrap.min.css" /> - Kheema Pandey
We actually don't know which CSS file contains styles for which element, you have just provided a screenshot. To answer you we need to see the code you are using, it would be easier if you set up a demo on JsFiddle. - Deepak Kamat

2 Answers

0
votes

While this can happen if you downloaded a custom version of Bootstrap, by the look of your images it's evident you're using other CSS files besides Bootstrap, be sure to include it as well, and load it AFTER Bootstrap so it overrides any needed declaration

0
votes

I am sorry to every one.. there is a typo in my stylesheet path: (not shtylesheet it is stylesheets)

link(rel='stylesheet', href='/stylesheet/bootstrap.css')
link(rel='stylesheet', href='/stylesheets/style.css')