bootstrap-grid-system

Bootstrap Tutorial For Beginners – Grid System

This entry is part 2 of 2 in the series Bootstrap Tutorials

Welcome back fellas, this is the second part in the bootstrap tutorial series, today we will be covering  bootstrap’s grid system, if you are looking for or don’t have a hint about bootstrap, I recommend you reading first tutorial and understand what is bootstrap and how to begin with it.

To start, bootstrap is a responsive web-designing framework, by responsive, we mean adaptation as to how your layout adapts the devices width, and bootstrap achieves it through breaking the page into 12 columns knows as grid, making no sense? Just Imagine that your webpage is divided into twelve equal columns like in the picture below.

(more…)

Read More

bootstrap tutorial for beginners - Introduction and Installation

Bootstrap Tutorial For Beginners – Introduction and Installation

This entry is part 1 of 2 in the series Bootstrap Tutorials

So you heard a lot about bootstrap but still aren’t sure what it is? then you have landed on correct page, We will be covering a complete bootstrap series and understand what it is? why is it used? and how to use it. So with any further delay lets start discussing.

First things first, what I am assuming is that you have a good knowledge of HTML and CSS, If you don’t first go through some tutorials else, my words might feel greek to you.

A small history of bootstrap

Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Before Bootstrap, various libraries were used for interface development, which led to inconsistencies and a high maintenance burden. Source WIKI.

(more…)

Read More