# Bootstrap doesnt work on browser

**URL:** <https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026>\
**Category:** General\
**Created:** [June 8, 2016, 2:01pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026 "2016-06-08T14:01:11Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![vinispag](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/vinispag/32/4809_2.png) [@vinispag](https://forum.freecodecamp.org/u/vinispag)\
**Post date:** [June 8, 2016, 2:01pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/1 "2016-06-08T14:01:11Z")

</div>

I am studying by the challenges. I am at Bootstrap part. And I wanted to test in my browser, so I created a html file with the code from the challenge, but the Bootstrap’s features doesn’t seem to work, the link for bootstrap is there, but it is like isn’t. Did someone had the same problem?

---

<div class="post-metadata">

**Author:** ![michaelhenderson](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelhenderson/32/356215_2.png) [@michaelhenderson](https://forum.freecodecamp.org/u/michaelhenderson)\
**Post date:** [June 8, 2016, 2:02pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/2 "2016-06-08T14:02:44Z")

</div>

Are you using code pen ?

---

<div class="post-metadata">

**Author:** ![michaelhenderson](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelhenderson/32/356215_2.png) [@michaelhenderson](https://forum.freecodecamp.org/u/michaelhenderson)\
**Post date:** [June 8, 2016, 2:10pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/3 "2016-06-08T14:10:48Z")

</div>

If you are using CodePen checkout this article I wrote that may help you out. Scroll down to the bootstrap part and make sure you are adding it correctly.  
“CodePen Tips and Best Practice” [https://medium.freecodecamp.com/codepen-tips-and-best-practice-cf926ebd0b11](https://medium.freecodecamp.com/codepen-tips-and-best-practice-cf926ebd0b11)

---

<div class="post-metadata">

**Author:** ![bnoden](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bnoden/32/4753_2.png) [@bnoden](https://forum.freecodecamp.org/u/bnoden)\
**Post date:** [June 9, 2016, 2:59am UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/4 "2016-06-09T02:59:54Z")

</div>

Are you sure it has the link to bootstrap and not some other link, such as a Google Font link?

Bootstrap: `<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />`

Google font: `<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">`

---

<div class="post-metadata">

**Author:** ![vinispag](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/vinispag/32/4809_2.png) [@vinispag](https://forum.freecodecamp.org/u/vinispag)\
**Post date:** [June 9, 2016, 3:02pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/5 "2016-06-09T15:02:42Z")

</div>

I did not reach this part of the challenges, now I am using codepen. But I think it should work if I had all the code in just one html file.

---

<div class="post-metadata">

**Author:** ![vinispag](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/vinispag/32/4809_2.png) [@vinispag](https://forum.freecodecamp.org/u/vinispag)\
**Post date:** [June 9, 2016, 3:03pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/6 "2016-06-09T15:03:52Z")

</div>

Yes, I am using the correct link.

---

<div class="post-metadata">

**Author:** ![vinispag](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/vinispag/32/4809_2.png) [@vinispag](https://forum.freecodecamp.org/u/vinispag)\
**Post date:** [June 9, 2016, 3:10pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/7 "2016-06-09T15:10:23Z")

</div>

I used Bootstrap link and added more links (below) and worked:

```
 <link rel='stylesheet prefetch' ref='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css'>
 <link rel='stylesheet prefetch' href='https://cdn.jsdelivr.net/foundation/6.2.0/foundation.min.css'>
 <link rel="stylesheet" href="css/style.css">
```

---

<div class="post-metadata">

**Author:** ![michaelhenderson](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelhenderson/32/356215_2.png) [@michaelhenderson](https://forum.freecodecamp.org/u/michaelhenderson)\
**Post date:** [June 9, 2016, 3:45pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/8 "2016-06-09T15:45:26Z")

</div>

You have to add bootstrap by going into CodePen settings and clicking css then go to bottom and select quick add

---

<div class="post-metadata">

**Author:** ![JohnnyBizzel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnnybizzel/32/37661_2.png) [@JohnnyBizzel](https://forum.freecodecamp.org/u/JohnnyBizzel)\
**Post date:** [November 15, 2016, 10:22am UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/9 "2016-11-15T10:22:28Z")

</div>

I wonder if he ever managed it?

---

<div class="post-metadata">

**Author:** ![karinepcdc](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/karinepcdc/32/45289_2.png) [@karinepcdc](https://forum.freecodecamp.org/u/karinepcdc)\
**Post date:** [March 26, 2017, 6:28pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/11 "2017-03-26T18:28:58Z")

</div>

> [@bnoden](#):
>
> Are you sure it has the link to bootstrap and not some other link, such as a Google Font link?
> 
> Bootstrap: \<link rel=“stylesheet” href=“[https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css](https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css)” /\>
> 
> Google font: \<link href=“[https://fonts.googleapis.com/css?family=Lobster](https://fonts.googleapis.com/css?family=Lobster)” rel=“stylesheet” type=“text/css”\>

I was having the same problem than vinispag. I was using the link provided in the chalenge:  
`<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> `  
But when I use the link you provided it works fine. 🙂  
Thanks!

---

<div class="post-metadata">

**Author:** ![LarrisUK](https://avatars.discourse-cdn.com/v4/letter/l/96bed5/32.png) [@LarrisUK](https://forum.freecodecamp.org/u/LarrisUK)\
**Post date:** [April 20, 2017, 12:43pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/12 "2017-04-20T12:43:31Z")

</div>

> [@bnoden](#):
>
> Are you sure it has the link to bootstrap and not some other link, such as a Google Font link?
> 
> Bootstrap: `<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> `
> 
> Google font: `<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">`

I had same problem; I started by using the Bootstrap link provided in the FCC challenge. I created my HTML file in a text editor and viewed the page in my web browser on a laptop. Before modifying the link, formatting did not apply in Firefox and the page wouldn’t even load in Chrome.  
Changing to the link provided by @bnoden fixed my issue 🙂

---

<div class="post-metadata">

**Author:** ![tmpbit](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/tmpbit/32/48843_2.png) [@tmpbit](https://forum.freecodecamp.org/u/tmpbit)\
**Post date:** [April 22, 2017, 10:50am UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/13 "2017-04-22T10:50:39Z")

</div>

In my case there was a missing ‘https:’ bit in the address (that’s what was provided on FCC - wrong link AFAIR)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 1:08pm UTC](https://forum.freecodecamp.org/t/bootstrap-doesnt-work-on-browser/9026/14 "2021-01-16T13:08:56Z")

</div>

Closed on January 16, 2021, 1:08pm UTC