Skip to content

Bootstrap #119

Open
Open
#124 (+4)
@vaib-dev

Description

@vaib-dev

Build fast, responsive sites with Bootstrap;
Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open-source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.

Course Content

Chapter 1 - Introduction

1.  What is Bootstrap?
2.  Why we use Bootstrap?
3.  Advantages of Bootstrap
4.  Disadvantages of Bootstrap

Chapter 2 - Content Section

1.  Text & Typography
2.  Images
3.  Tables
4.  Figures

Chapter 3 - Grid System

1.  Grid System
2.  Grid Alignment
3.  Flexbox Classes
4.  Auto Margin, Wrapping & Nesting

Chapter 4 - Understanding Components

1.  Buttons
2.  Carousel
3.  Nav & tabs
4.  Offcanvas
5.  Progress

Chapter 5 - Forms

1.  Adding a form
2.  Check & Radios
3.  Layouts

Chapter 6 - Utilities

1. Intro to API
   - What is API?
   - Why we use API?
   - When we use API?
2.  Colors
3.  background
4.  Position
5.  Flex
6.  Sizing

Workflow

Root Directory Structure

9-bootstrap

  • 1-introduction.md
  • 2-content.md
  • 3-grid-system.md
  • 4-components.md
  • 5-forms.md
  • 6-utilities.md
  • README.md

README

This will contain an overview of each file in this folder. This would be updated with each new file added.

Challenge

  • 1-
  • 2-
  • 3-

PR Review Guidelines

  1. Branch is named properly (all small letters, format 'bs-'). for eg., the branch name for chapter 1 would be bs-introduction
  2. MD File is named according to the given format
  3. The document is formatted consistently
  4. Content is given in an easy-to-understand language
  5. There are no English errors
  6. File has at most 150 lines
  7. PR is linked to this issue
  8. Approved by the reviewer

PR Reviewers

@udeysingh95
@giteshk11

Metadata

Metadata

Assignees

Labels

documentationImprovements or additions to documentation

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions