diff --git a/seed/challenges/03-front-end-libraries/bootstrap.json b/seed/challenges/03-front-end-libraries/bootstrap.json index c63e8df7b3..c882ec5015 100644 --- a/seed/challenges/03-front-end-libraries/bootstrap.json +++ b/seed/challenges/03-front-end-libraries/bootstrap.json @@ -329,7 +329,7 @@ "title": "Create a Bootstrap Button", "description": [ "Bootstrap has its own styles for button elements, which look much better than the plain HTML ones.", - "Create a new button element below your large kitten photo. Give it the class btn and the text of \"Like\"." + "Create a new button element below your large kitten photo. Give it the btn and btn-default classes, as well as the text of \"Like\"." ], "challengeSeed": [ "", @@ -393,7 +393,7 @@ ], "tests": [ "assert(new RegExp(\"like\",\"gi\").test($(\"button\").text()) && ($(\"img.img-responsive + button.btn\").length > 0), 'message: Create a new button element with the text \"Like\".');", - "assert($(\"button\").hasClass(\"btn\"), 'message: Your new button should have the class btn.');", + "assert($(\"button\").hasClass(\"btn\") && $(\"button\").hasClass(\"btn-default\"), 'message: Your new button should have two classes: btn and btn-default.');", "assert(code.match(/<\\/button>/g) && code.match(/", + "", "By making them block elements with the additional class of btn-block, your button will stretch to fill your page's entire horizontal space and any elements following it will flow onto a \"new line\" below the block.", - "<button class=\"btn btn-block\">Submit</button>", + "<button class=\"btn btn-default btn-block\">Submit</button>", "This button would take up 100% of the available width.", - "", + "", "Note that these buttons still need the btn class.", "Add Bootstrap's btn-block class to your Bootstrap button." ], @@ -466,7 +466,7 @@ " \"A", "", " \"Three", - " ", + " ", "

Things cats love:

", "