codex-lv2-may-2025

Level Navigation: 1

2

3

4

5

6

Current Level: 7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

---

---

🧪 Level 7: Bootstrap Styling

What You’ll Do

Add Bootstrap classes to style your input and button.

Instructions

Add Bootstrap classes to style the input and button.

💡 Code Hints

Stuck on styling? Bootstrap has special classes for form elements. Check out the Bootstrap Classes section in SNIPPETS.md for inspiration.

📚 Connect to Previous Lessons

Working with Bootstrap classes? Check out Week 4, Lesson 2: Bootstrap Framework for a complete guide to Bootstrap utilities and components. Focus on the button and form styling sections.

✅ Check

1. Open your webpage in a browser
2. You should see your input and button with Bootstrap styling (they should look more polished)
3. The input should have a clean border and the button should have Bootstrap button styling
4. Open Chrome DevTools (F12) and check the Console tab for any errors
5. If the styling doesn’t look right, check that Bootstrap CSS is properly linked in your HTML

---

Next: Level 8 - Card Structure

---

---

Level Navigation: 1

2

3

4

5

6

Current Level: 7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32