Strange Bootstrap issue

Hey I am fairly new and appreciate any help, in this site i tried downloading the latest bootstrap and use it local and i receive a nav bar that receives no formatting from my custom css, however when i switch to the cdn for bootstrap the custom nav link and bar formatting are perfect, absolutely nothing else is changing in the code except for the source of bootstrap, does any one have any ideas? it seems i can’t include pictures, i can email them if anyone is willing to help.

Jay

Are you sure that when you’re including the custom bootstrap files that you have the file path, etc typed exactly correctly?

Edit: Or are you saying you are seeing Bootstrap styles fine in either case, but your custom style sheet won’t work with the local Bootstrap, and will with CDN one?

Thanks for the response, yes everything is typed correcty, i have just been looking at the element using chrome developer tools, they are both inheriting from bootstrap so thats not the issue. yes custom css works with cdn but not freshly downloaded bootstrap, the main difference im seeing when inspecting the element on both the working and non working page is my :after and :before pseudo element is box-sizing: border-box, on the working site with the cdn it is box-sizing: inherit. anywhere i see box-sizing, it is specified as border-box in the non working page and inherit in the working page

its as if bootstrap is overriding my custom css, even thought it is linked after bootstrap in the document

Are you sure the CDN is the same css file as your local file?

Sounds like you have different versions.

Download the css from the cdn link. Click that link and the browser will show the css and then just copy and paste it into your local page for testing. That should show whether the issue is the css or something else.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.