Quick Bootstrap Overview
The most popular front-end framework for web development, robust and easy to use for fast, clean and responsive development.
Bootstrap structure and function is modular and consists of a series of “Less” stylesheets that implement the various components of the toolkit. These stylesheets are generally compiled into a bundle and include provides a wide variety of individual components.
Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases accompanying JavaScript code.
Bootstrap grid system and responsive design comes standard with an 1170 pixel wide grid layout. Alternatively, the developer can use a variable-width layout. For both cases, the toolkit has four variations/breakpoints to make use of different resolutions and types of devices: mobile phones, tablets, medium size desktops and large size desktops. Each variation adjusts the width of the columns.
What’s In This Bootstrap + Guide?
This GUIDE is a replica, to a large extent, of the Twitter Bootstrap Documentation online version.
In this guide you will find all the components and resources available to be used with this framework as well as the updates of styles and the inclusion of components designed to follow Brand.
The first step taken toward to the customization of this framework is the creation of a set of Custom CSS Stylesheets following certain processes to assure your web development will be kept clean and easy to maintain.
Let’s Follow Good Practices!
By the creation of branded organized css stylesheets, In the event that Bootstrap gets upgraded, you can simply replace the Bootstrap stylesheet with the new one and your custom styles will remain untouched.
Note that for major upgrades, you may need to modify your custom styles. Nevertheless, even major upgrades will still be much easier using this approach.
You should never make changes directly to the default (framework) stylesheet, this will cause your development to become very difficult to maintain, keep track of changes and it could potentially damage the framework behavior.
Let get started by learning how
Bootstrap + stylesheets
are structured and ready to use
