My solution proposals for the Bootstrap exercises.
freeCodeCamp module description:
"Bootstrap is a front end framework used to design responsive web pages and applications. It takes a mobile-first approach to web development, and includes pre-built CSS styles and classes, plus some JavaScript functionality. In this course, you'll learn how to build responsive websites with Bootstrap, and use its included classes to style buttons, images, forms, navigation, and other common elements."
- 01 - Use Responsive Design with Bootstrap Fluid Containers
- 02 - Make Images Mobile Responsive
- 03 - Center Text with Bootstrap
- 04 - Create a Bootstrap Button
- 05 - Create a Block Element Bootstrap Button
- 06 - Taste the Bootstrap Button Color Rainbow
- 07 - Call out Optional Actions with btn-info
- 08 - Warn Your Users of a Dangerous Action with btn-danger
- 09 - Use the Bootstrap Grid to Put Elements Side By Side
- 10 - Ditch Custom CSS for Bootstrap
- 11 - Use a span to Target Inline Elements
- 12 - Create a Custom Heading
- 13 - Add Font Awesome Icons to our Buttons
- 14 - Add Font Awesome Icons to all of our Buttons
- 15 - Responsively Style Radio Buttons
- 16 - Responsively Style Checkboxes
- 17 - Style Text Inputs as Form Controls
- 18 - Line up Form Elements Responsively with Bootstrap
- 19 - Create a Bootstrap Headline
- 20 - House our page within a Bootstrap container-fluid div
- 21 - Create a Bootstrap Row
- 22 - Split Your Bootstrap Row
- 23 - Create Bootstrap Wells
- 24 - Add Elements within Your Bootstrap Wells
- 25 - Apply the Default Bootstrap Button Style
- 26 - Create a Class to Target with jQuery Selectors
- 27 - Add id Attributes to Bootstrap Elements
- 28 - Label Bootstrap Wells
- 29 - Give Each Element a Unique id
- 30 - Label Bootstrap Buttons
- 31 - Use Comments to Clarify Code