BootstrapBootstrap is a free and open-source front-end library for creating 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. It aims to ease the development of dynamic websites and web applications.Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.Bootstrap is the second most-starred project on GitHub, with over 95K stars and more than 40K forks.Bootstrap is one of the most powerful front-end frameworks used for easy web development. Using HTML and CSS-based design templates, you can use Bootstrap for making a responsive layout with much less effort.Bootstrap comes with free set of tools for making flexible websites as well as common user interface components like Forms, Typography, Tables, Navigation's, Drop-downs, Alerts, Tabs, Carousel and much more.Advantages of using BootstrapBootstrap was developed with an idea to give developers a centralized development code. Bootstrap provides you the end result which is uniform across platforms. You don't have to worry about compatibility issues with Internet Explorer, Google chrome or Firefox, it gives you the same performance independent of the platform.Bootstrap provides LESS files for those who are accustomed to CSS preprocessing but if you don't know it or don't want to use it, you can have plain CSS files as well. All you need to do is download the files from Bootstrap's website, unzip them and include them in the head of your HTML files. This gives you the access to the entire framework and you can start using the pre defined bootstrap classes with our markup. Before you start converting your designs to markup it is very important that the designs use the default bootstrap framework grid.This is the strongest part of the bootstrap framework. Bootstrap offers a 12 column grid system. The grid system is responsive, that is it adjusts itself depending on the device resolution of the client. These grids have further classes that have been defined in sync with the device resolution that they represent. These grids have classes XS, sm, md and lg each representing a device resolution. All the developer needs to do is include these classes while defining the visibility of an element in the markup and hence come up with a responsive website. The responsive grid makes developing responsive websites really easy using bootstrap.Bootstrap gives the developers the flexibility to develop. Its a CSS framework with predefined classes for layout using its grid system, various CSS components and JavaScript functions. These are all included and the developer has the flexibility and freedom of using only those classes that are needed in the markup. This makes it highly flexible as only those objects that are needed in the markup are used by the developer leaving the rest.Bootstrap releases more updates than any other framework. The bootstrap development team as soon as encounters any problem, starts working on the solution. With Bootstrap updates released consistently and frequently, you can rest assured that you are working with the latest tools. This also ensures a wider range of cross browser and cross device compatibility.Category: Learntags: bootstrap
