Importing Bootstrap Locally - Not working

HTML-CSS
1

So i have always used codepen for my projects in which you can import stuff without using the head. Now i am trying to host locally on my computer and i have run into a issue.

When you download your pen, nothing like the cross origin or integer is included like on the bootstrap website when it comes to importing bootstrap in the head.

for exmaple:

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css">

I am trying to import bootstrap and jQuery, here is my git -->https://github.com/michaelnicol/Portfilo-Page

I commented out the import for the bootstrap because it breaks everything, i just have no idea what i am doing wrong.

–> https://getbootstrap.com/docs/4.1/getting-started/introduction/

2

Well, it’s imported correctly so the problem must be with CDN.

I don’t know which version of bootstrap you’ve been using at Codepen, but I had an issue with one udemy course where the instructor was using a 3.x.x version while the latest version was 4.1. Some of the stuff he’d written didn’t work with latest bootstrap version and I had to change a bunch of classes.

1 Like
3

Don’t you need to open an <html> tag?
Like

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="...">
    </head>
    <body>
    <!-- ... -->
    </body>
</html>

You can try to download bootstrap and place it by your port.css file.
Also try to use your browser console and web dev tools for further debugging info.

1 Like
4

Thanks, without the HTML tags it was not working (breaking everything).

Thanks to you both for your time and solutions.

1 Like