Bootstrap can be useful for the following reasons:
Time savings: Bootstrap features many things that are pre-built, and simply need to be called upon, when writing code. This saves a considerable amount of time, and can greatly reduce the time needed to code a website.
Built with responsive web design in mind: Bootstrap allows web developers to not be concerned about creating things that will scale with the size of their screen, as Bootstrap uses mobile-first, responsive design that allows them to build things that will work on any screen size.
Simplifies design process: Bootstrap comes prebuilt with elements that have good design practices. This can be useful for those whose web design skills are not that great, or for those who view design as a tedious task, as many of Bootstrap classes are aesthetically pleasing and great to look at.
This section should mention any large subjects within twitter-bootstrap, and link out to the related topics. Since the Documentation for twitter-bootstrap is new, you may need to create initial versions of those related topics.
Download your customized version of Bootstrap from official docs
Install with bower: bower install bootstrap
Install with npm: npm install bootstrap
Install with composer: composer require twbs/bootstrap
The File Structure
You can utilize your installed Bootstrap files from the above section, or reference a CDN provided by the makers of Bootstrap (links taken from Getting Started with Bootstrap):
A very basic Bootstrap webpage:
When to use Bootstrap
Bootstrap is a responsive web framework, meaning it is designed to adapt layout and design for screen sizes large and small, such as mobile devices, tablets and desktop computers, all in a single code base.
One of the fundamental concepts of Bootstrap is the grid framework. By applying classes to HTML elements, it is possible to create intricate layouts using a basic grid of twelve columns. For example, a four column layout might adapt to two columns on tablet devices and one column on mobile devices. The grid uses media queries, a CSS method for targeting specific screen sizes, to achieve this.
Bootstrap performs particularly well if:
Custom design is not a top priority
You are more comfortable editing HTML and adding classes than you are creating custom CSS
You are comfortable using a framework that will have many visual similarities to many other websites
This modified text is an extract of the original Stack Overflow Documentation created by following contributors and released under CC BY-SA 3.0