Scribd
Upload
8 views10 pages

Bootstrap

Uploaded by

kuldeep kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views10 pages

Bootstrap

Uploaded by

kuldeep kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Bootstrap

PPT by - Shafeeq Khan


| What is Bootstrap |

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first


front-end web development. It contains HTML, CSS and JavaScript-based design
templates for typography, forms, buttons, navigation, and other interface components.
| How to Use |

A basic understanding of HTML is required to start learning Bootstrap. Some familiarity


with how CSS works (CSS Selectors and Visual Rules) would be helpful,

1. Download Bootstrap from getbootstrap.com


2. Include Bootstrap from a CDN
| Bootstrap Grid |
The Bootstrap grid system has four classes: xs (<576px wide) sm ( >576px wide) md
(for >768px wide) lg ( >992px wide) xl ( >1200px wide) XXl (For >1400px wide)
| Viewport |

The viewport is the user's visible area of a web page.


The viewport varies with the device, and will be smaller on a mobile phone than on a
computer screen.

<meta name="viewport" content="width=device-width, initial-scale=1.0">


| Components |

Many more reusable components built to provide iconography, dropdowns, input groups,
navigation, alerts, and much more.

Accordion
| Components |
Alerts
| Components |
• Accordion • Modal
• Alerts • Navs & tabs
• Badge • Navbar
• Breadcrumb • Offcanvas
• Buttons • Pagination
• Button group • Popovers
• Card • Progress
• Carousel • Scrollspy
• Close button • Spinners
• Collapse • Toasts
• Dropdowns • Tooltips
• List group
| Advantages of Bootstrap |

1. Fewer Cross browser bugs


2. A consistent framework that supports major of all browsers and CSS compatibility fixes
3. Lightweight and customizable
4. Responsive structures and styles
5. Several JavaScript plugins using the jQuery
6. Good documentation and community support
7. Loads of free and professional templates, WordPress themes and plugins
8. Great grid system
THANK YOU!

You might also like