question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Incorrect Bootstrap link

See original GitHub issue

Challenge Use Responsive Design with Bootstrap Fluid Containers has an issue. User Agent is: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0. Please describe how to reproduce this issue, and include links to screenshots if possible.

The link to add enable Bootstrap has been outdated. The old link mentions to use Bootstrap 3.3.1 which on including in the .html file does nothing. On replacing the old link with the new link i.e Bootstrap 3.3.7, all the Bootstrap functionality is enabled.

Edit: Same can be said about font-awesome by bootstrap. The provided version is 4.5.0 which doesn’t work. But 4.7.0 works.

My code:


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<div class="container-fluid">
<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</div>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
texas2010commented, Jun 8, 2017

I test this challenge. it seems it is fine.

@FlashBlaze you don’t need to add the bootstrap link in this challenge. this challenge said.

You can add Bootstrap to any app by adding the following code to the top of your HTML: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> In this case, we’ve already added it for you to this page behind the scenes.

It means that challenge already did add the link for you.

I know it is late respond on here. sorry.

Happy Coding.

0reactions
texas2010commented, Jun 10, 2017

@FlashBlaze oh ok. no problem.

Read more comments on GitHub >

github_iconTop Results From Across the Web

bootstrap link is not correct - Stack Overflow
I think I set STATIC_URL correctly so I do not know why bootstrap design is not set.What is wrong in my code?How should...
Read more >
Validation · Bootstrap v5.0
Here's how form validation works with Bootstrap: HTML form validation is applied via CSS's two pseudo-classes, :invalid and :valid . It applies to...
Read more >
10 Most Common Bootstrap Mistakes That Developers Make
Common Bootstrap Mistake #3: Changing Bootstrap CSS file. To make it plain and simple: Do not modify the bootstrap.css file. If you make...
Read more >
Footer link to Examples is incorrect #24382 - twbs/bootstrap
On the bottom of all pages on http://getbootstrap.com/, the link to "Examples" is incorrect, it point to http://getbootstrap.com/examples/ ...
Read more >
Scrolling Page Links Problem - Bootstrap Studio Forum
Hi guys and gals. I sometimes make sites with nav links which when clicked scroll to the relevant sections of that page. The...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found