06
Nov
Bootstrap
WHAT IS BOOTSTRAP
Bootstrap is a front-end framework for HTML, CSS and JavaScript that is notable for developing mobile-first and responsive websites. With some basic knowledge of HTML and CSS, you can create Bootstrap forms, tables, buttons, typography, navigation, modals, image carousels and optional JavaScript plugins, by using the premade templates Bootstrap provides you.
WHY USE BOOTSTRAP
- Responsive—Bootstrap’s features are responsive, which means they are optimized to fit the size of the screen you’re seeing the page on, such as desktops, tablets or cell phones. For example, a Bootstrap form on a desktop site will proportionally change in size when viewed from a mobile phone.
- Mobile-first—As we mentioned above, part of the core structure of Bootstrap is mobile-first styles as opposed to desktop-first. This means that instead of usingmax-width in the media queries- like you would for a site designed for desktop- you use min-width. Generally, coding for mobile-first is simpler than coding for desktop. Also, where global styles (outside the media queries) are usually designed to make websites look nice on a large screen, a mobile-first approach focuses on sites looking attractive on a small screen.
- Browser-friendly—Bootstrap doesn’t discriminate, which is why it is compatible with all current browsers, like Chrome, Safari, Internet Explorer, Firefox, and Opera.
- Easy-to-use—The best reason of them all! You only need very barebones knowledge of HTML and CSS to begin using Bootstrap.
BOOTSTRAP SYLLABUS
- Getting Started
- Bootstrap 4 Containers
- Bootstrap 4 Grid System
- Bootstrap 4 Typography
- Bootstrap 4 Tables
- Bootstrap 4 Forms
- Bootstrap 4 Custom Forms
- Bootstrap 4 Buttons
- Bootstrap 4 Images
- Bootstrap 4 Dropdowns
- Bootstrap 4 Button Groups
- Bootstrap 4 Input Groups
- Bootstrap 4 Collapse
- Bootstrap 4 Navs
- Bootstrap 4 Navbars
- Bootstrap 4 Breadcrumbs
- Bootstrap 4 Pagination
- Bootstrap 4 Badges
- Bootstrap 4 Jumbotron
- Bootstrap 4 Alerts
- Bootstrap 4 Modal
- Bootstrap 4 Progress Bars
- Bootstrap 4 Media Objects
- Bootstrap 4 List Groups
- Bootstrap 4 Cards
- Bootstrap 4 Responsive Embed
- Bootstrap 4 Carousel
- Bootstrap 4 Tooltips
- Bootstrap 4 Popovers
- Bootstrap 4 Scrollspy
- Bootstrap 4 Templates
Category: Uncategorized