Merge pull request #34 from dsilva06/08-Bootstrap-Forms

tommygonzaleza · web-flow · commit 5b959a46bf51 · 2022-06-06T17:28:04.000-04:00
test passed perfectly
diff --git a/exercises/08-Bootstrap-Forms/index.html b/exercises/08-Bootstrap-Forms/index.html
@@ -14,7 +14,6 @@
 	<body>
 		<div class="col-3 mx-auto my-5">
 			<!-- Add your code below this line -->
-			
 		</div>
 	</body>
 </html>
diff --git a/exercises/08-Bootstrap-Forms/solutions.hide.html b/exercises/08-Bootstrap-Forms/solutions.hide.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link
+			href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
+			rel="stylesheet"
+			integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+			crossorigin="anonymous"
+		/>
+		<title>08 Bootstrap Forms</title>
+	</head>
+	<body>
+		<div class="col-3 mx-auto my-5">
+			<!-- Add your code below this line -->
+			<form action="#" class="bg-secondary rounded p-5">
+				<h2>Please login</h2>
+				<div class="form-group m-2">
+					<input type="email" class="form-control" placeholder="Email Address" />
+				</div>
+				<div class="form-group m-2">
+					<input type="password" class="form-control" placeholder="Password" />
+				</div>
+
+				<input type="checkbox" class="mx-2" /> <label>Remember me</label>
+				<button type="button" class="m-2 bg-primary w-100 rounded border-0 text-white">Login</button>
+			</form>
+		</div>
+	</body>
+</html>
diff --git a/exercises/08-Bootstrap-Forms/tests.js b/exercises/08-Bootstrap-Forms/tests.js
@@ -90,7 +90,7 @@ describe("All the tests should pass", function () {
         expect(inputs[2].type.trim()).toBe("checkbox")
     })
 
-    it('The checkbox should have aside the text "Remember me"', () => {
+    it('The checkbox should have a side text "Remember me"', () => {
         let rememberMe = html.toString().indexOf("Remember me")
         let checkbox = html.toString().indexOf("checkbox")
         expect(rememberMe).toBeTruthy()
