Free Code Camp Walkthrough 35 Front End Development Libraries Bootstrap

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=z1qNZy4hDxM

In this tutorial I'll show you how to get through the Bootstrap - Front End Development Libraries Certification course on Free Code Camp. • Do the exercises yourself on freecodecamp.org and refer to the walkthrough when you get stuck - btw, as the name suggests: freecodecamp is free to use. • Free Code Camp | https://www.freecodecamp.org/learn/fr... • ------------------------------------------------------------------- • Timestamps/Tasks: • 0:00 Intro • 0:23 Use Responsive Design with Bootstrap Fluid Containers • 2:14 Make Images Mobile Responsive • 3:31 Center Text with Bootstrap • 4:16 Create a Bootstrap Button • 5:34 Create a Block Element Bootstrap Button • 6:29 Taste the Bootstrap Button Color Rainbow • 7:09 Call out Optional Actions with btn-info • 8:00 Warn Your Users of a Dangerous Action with btn-danger • 8:57 Use the Bootstrap Grid to Put Elements Side By Side • 11:02 Ditch Custom CSS for Bootstrap • 12:34 Use a span to Target Inline Elements • 13:52 Create a Custom Heading • 16:20 Add Font Awesome Icons to our Buttons • 18:36 Add Font Awesome Icons to all of our Buttons • 20:11 Responsively Style Radio Buttons • 21:52 Responsively Style Checkboxes • 22:59 Style Text Inputs as Form Controls • 24:37 Line up Form Elements Responsively with Bootstrap • 26:39 Create a Bootstrap Headline • 27:18 House our page within a Bootstrap container-fluid div • 27:49 Create a Bootstrap Row • 28:15 Split Your Bootstrap Row • 28:38 Create Bootstrap Wells • 29:11 Add Elements within Your Bootstrap Wells • 29:57 Apply the Default Bootstrap Button Style • 30:32 Create a Class to Target with jQuery Selectors • 31:04 Add id Attributes to Bootstrap Elements • 31:53 Label Bootstrap Wells • 32:42 Give Each Element a Unique id • 33:20 Label Bootstrap Buttons • 33:57 Use Comments to Clarify Code • 34:28 Outro • ------------------------------------------------------------------- • All my Free Code Camp Walkthroughs | • Free Code Camp Walkthroughs • ------------------------------------------------------------------- • Music by Silent Partner • ------------------------------------------------------------------- • Odyssey | https://odysee.com/$/invite/@michaelb...

#############################

New on site