Chapter- 6 CSS Grid Layout
CSS Grid Layout is a strong 2 dimension layout system. Unlike Flexbox, which works only for arranging items in one...
Tagged: Web Development
Progress Bar
Bootstrap progress bar are used to let a user know how far they are through a process, this can be...
Flex Wrap and Order
Flex Wrap and Order are the CSS Flexbox features you use to decide how stuff behaves when you run out...
Alerts & Badges
The two most common ‘status’ component in bootstrap are Alerts and Badges. They notify your user with something significant without...
Align Items and Align Content
Both flexbox and grid are tricky to get your head around because both align-items and align-content resolve to ‘vertical’ alignment...
Chapter 6: Common UI Components in Bootstrap
You can think of Bootstrap as a “Lego kit” for websites; instead of having to create buttons, menus or boxes...
Justify Content
For the CSS Flexbox and CSS Grid , the justify-content property is how you control the distribution of items along...
Flex Direction
Imagine Flex Direction is the “GPS” for your layout. When you set an element as a flex container with display:...
Form Validation
The validation of a form is the process to see if the data entered in it is fine before it...
