BOOTSTRAP

 Bootstrap

What is Bootstrap?

                Bootstrap is a front-end framework with a focus on providing tools for faster front-end development. Bootstrap quickly became famous in the last few years, and now it is being used in many major projects. 

                On Livecoding, we have tons of videos for you to check out on Bootstrap! They range from beginner to expert level, and always have something to show new to show. Watch the process and workflow of Bootstrap coders from San Francisco, New York, London and Beijing.

Introduction Bootstrap Front-end Framework!!

                Bootstrap is a free and open­source front­end web framework for designing websites and web applications. It contains HTML­ and CSS­based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. 

                Unlike many web frameworks, it concerns itself with front­end development only.

                Bootstrap is the second most­starred project on GitHub, with over 95 thousand stars and more than 40 thousand forks.

History 

                Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and 

open source projects in the world.

                Bootstrap was created at Twitter in mid-2010 by mdo and fat. Prior to being an open-sourced framework, Bootstrap was known as Twitter Blueprint. A few months into development, Twitter held its first Hack Week and the project exploded as developers of all skill levels jumped in without any external guidance. 

                It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.

                Originally released on Friday, August 19, 2011, we’ve since had over twenty releases, including two major rewrites with v2 and v3. 

                With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.

                With Bootstrap 4, we once again rewrote the project to account for two key architectural changes: a migration to Sass and the move to CSS’s flexbox. Our intention is to help in a small way to move the web development community forward by pushing for newer CSS properties, fewer dependencies, and new technologies across more modern browsers.

Bootstrap versions :

Bootstrap 2 and 3 :

                On January 31, 2012, Bootstrap 2 was released, which added built-in support for Glyphicons, several new components, as well as changes to many of the existing components. 

                This version supports responsive web design, meaning the layout of web pages adjusts dynamically, taking into account the characteristics of the device used (whether desktop, tablet, or mobile phone).

                The next major version, Bootstrap 3, was released on August 19, 2013. It redesigned components to use flat design and a mobile first approach.

Bootstrap 4 :

                Mark Otto announced Bootstrap 4 on October 29, 2014. The first alpha version of Bootstrap 4 was released on August 19, 2015. The first beta version was released on 10 August 2017. 

                Mark suspended work on Bootstrap 3 on September 6, 2016, to free up time to work on Bootstrap 4. Bootstrap 4 was finalized on January 18, 2018.

Bootstrap 5 Alpha :

                Bootstrap 5 Alpha was officially released on 16 Jun 2020, although an experimental version of the package, created by Material Design for Bootstrap based on a developer version of the Alpha already surfaced the web weeks before.

                Version 5 Alpha is currently the latest version of the package.

Why Use Bootstrap?

Mobile first approach − Bootstrap 3, framework consists of Mobile first styles throughout the entire library instead them of in separate files.

Browser Support − It is supported by all popular browsers.

Easy to get started − With just the knowledge of HTML and CSS anyone can get started with Bootstrap. Also the Bootstrap official site has a good documentation.

Responsive design − Bootstrap's responsive CSS adjusts to Desktops, Tablets and Mobiles. More about the responsive design is in the chapter Bootstrap Responsive Design.

• Provides a clean and uniform solution for building an interface for developers.

• It contains beautiful and functional built-in components which are easy to customize.

• It also provides web based customization.

• And best of all it is an open source.

What Bootstrap Package Includes?

Scaffolding − Bootstrap provides a basic structure with Grid System, link styles, and background. This is is covered in detail in the section Bootstrap Basic Structure

CSS − Bootstrap comes with the feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. This is covered in detail in the section Bootstrap with CSS.

Components − Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more. This is covered in detail in the section Layout Components.

JavaScript Plugins − Bootstrap contains over a dozen custom jQuery plugins. You can easily include them all, or one by one. This is covered in details in the section Bootstrap Plugins.

Customize − You can customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version.

Team

                Bootstrap is maintained by a small team of developers on GitHub. We’re actively looking to grow this team and would love to hear from you if you’re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.