Front End Development Libraries: FreeCodeCamp Bootstrap

Published: 19 June 2023
on channel: Charles Kasasira

Part 2: Bootstrap
In the Front End Development Libraries Certification, you'll learn how to style your site quickly with Bootstrap. You'll also learn how to add logic to your CSS styles and extend them with Sass.

Later, you'll build a shopping cart and other applications to learn how to create powerful Single Page Applications (SPAs) with React and Redux.

https://www.freecodecamp.org/learn/fr...

Music: bensound.com
License code: B9IDCAUYKKZTROKJ

Bootstrap Timestamps
00:00 - Use Responsive Design with Bootstrap Fluid containers
00:51 - Make Images Mobile Responsive02:03 Center Text with Bootstrap
02:22 - Create a Bootstrap Button03:14 Create a Block Element Bootstrap Button
03:49 - Taste the Bootstrap Button Color Rainbow
04:08 - Call out Optional Actions with btn-info
04:45 - Warn your Users of Dangerous Action with button danger
05:24 - Use the Bootstrap Grid to Put Elements Side By Side
08:19 - Ditch Custom CSS for Bootstrap
09:57 - Use a span to Target Inline Elements
11:41 - Create a Custom Heading
14:23 - Add Font Awesome Icons to our Buttons
15:41 - Add Font Awesome Icons to all of our Buttons
17:02 - Responsively Style Radio Buttons
19:58 - Responsively Style Checkboxes
22:10 - Style Text Inputs as Form Controls
24:29 - Line up Form Elements Responsively with Bootstrap
26:17 - Create a Bootstrap Headline
27:20 - House our page within a Bootstrap container-fluid div
27:53 - Create a Bootstrap Row
28:29 - Split Your Bootstrap Row
29:03 - Create Bootstrap Wells
31:03 - Add Elements within Your Bootstrap Wells
32:10 - Apply the Default Bootstrap Button Style
32:54 - Create a Class to Target with jQuery Selectors
33:54 - Add id Attributes to Bootstrap Elements
34:38 - Label Bootstrap Wells
36:22 - Give Each Element a Unique id
37:28 - Label Bootstrap Buttons
38:45 - Use Comments to Clarify Code

GitHub: https://github.com/CharlesKasasira
Codepen: https://codepen.io/Charles-Kasasira

Watch video Front End Development Libraries: FreeCodeCamp Bootstrap online without registration, duration hours minute second in high quality. This video was added by user Charles Kasasira 19 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 80 once and liked it 2 people.