Incorrect Bootstrap link
See original GitHub issueChallenge 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:
- Created 6 years ago
- Comments:8 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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.
It means that challenge already did add the link for you.
I know it is late respond on here. sorry.
Happy Coding.
@FlashBlaze oh ok. no problem.