gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #13705 from Manish-Giri/fix/reword-bootstra-fluid-containers

Browse Source 
Improve instructions in responsive design with bootstrap
This commit is contained in:
Timo
2017-03-05 01:06:57 +01:00
committed by GitHub
parent 18d2a0e708 d63510c632
commit c9168b484f
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
challenges/03-front-end-libraries/bootstrap.json
View File

@ -43,9 +43,8 @@
"With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.", "With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.",
"You can add Bootstrap to any app by adding the following code to the top of your HTML:", "You can add Bootstrap to any app by adding the following code to the top of your HTML:",
"<code>&#60;link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\"/&#62;</code>", "<code>&#60;link rel=\"stylesheet\" href=\"//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\"/&#62;</code>",
"In this case, we've already added it for you to this page behind the scenes.", "In this case, we've already added it for you to this page behind the scenes. Note that using either <code>></code> or <code>/></code> to close the <code>link</code> tag is acceptable.",
"To get started, we should nest all of our HTML in a <code>div</code> element with the class <code>container-fluid</code>.", "To get started, we should nest all of our HTML (except the <code>link</code> tag and the <code>style</code> element) in a <code>div</code> element with the class <code>container-fluid</code>."
"<strong>Note</strong><br>Using either of both <code>></code> or <code>/></code> to close the <code>link</code> tag are acceptable."
], ],
"challengeSeed": [ "challengeSeed": [
"<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">", "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
@ -106,7 +105,7 @@
"tests": [ "tests": [
"assert($(\"div\").hasClass(\"container-fluid\"), 'message: Your <code>div</code> element should have the class <code>container-fluid</code>.');", "assert($(\"div\").hasClass(\"container-fluid\"), 'message: Your <code>div</code> element should have the class <code>container-fluid</code>.');",
"assert(code.match(/<\\/div>/g) && code.match(/<div/g) && code.match(/<\\/div>/g).length === code.match(/<div/g).length, 'message: Make sure your <code>div</code> element has a closing tag.');", "assert(code.match(/<\\/div>/g) && code.match(/<div/g) && code.match(/<\\/div>/g).length === code.match(/<div/g).length, 'message: Make sure your <code>div</code> element has a closing tag.');",
"assert($(\".container-fluid\").children().length >= 8, 'message: Make sure you have nested all HTML elements in <code>.container-fluid</code>.');" "assert($(\".container-fluid\").children().length >= 8, 'message: Make sure you have nested all HTML elements after the closing <code>style</code> tag in <code>.container-fluid</code>.');"
], ],
"type": "waypoint", "type": "waypoint",
"challengeType": 0, "challengeType": 0,