Website Under Maintenance

We working on broken links and updating the content on website

We are regret for inconvenience


Bootstrap Introduction and Get start learning bootstrap online tutorials - Bootstrap Tutorials

Bootstrap Introduction


Bootstrap is a front-end framework, it is for more faster and easier to web page designing.

Bootstrap is a free and open source framework.

Bootstrap includes all HTML and CSS based pre-scripted properties to design templates for typography, forms, buttons, tables, navigation, modals, image carousels, tab panels, pagination, dropdowns, collapse panels and many other, as well as optional JavaScript plugins.

Bootstrap make you efficient to create responsive web page designs.

Note:
What is responsive web page?

Responsive web page which is automatically respond and adjust themselves to fit on all devices screen like large screens, desktops and laptops, tablets and phones. That means a single page can enough for all device screens.

Bootstrap Grid System


div 1
div 1
div 1
div 1
div 1
div 1
div 1
div 1
div 1
div 1
div 1
div 1
div 2
div 2
div 2
div 2
div 2
div 2
div 3
div 3
div 3
div 3
div 4
div 4
div 4
div 5
div 5
div 2
div 6
div 6
div 7
div 5
div 8
div 4
div 3
div 9
div 10
div 2
div 1
div 11
div 12

Grid Class


The Bootstrap grid system has four class and this class or responsive and it will re-arrange automatically according to the screen size.

Bootstrap pre-defined css properties (except width:)
position: relative;   min-height: 1px;   padding-right: 15px;   padding-left: 15px;   float: left;

Class Name Stands for Usage Sizes Available
lg Large for large screens which above (20" or 22" inch) col-lg-1 to col-lg-12
md Medium This class is for Desktops and Laptops col-md-1 to col-md-12
sm Small Class is for small screens like Tablets or notes col-sm-1 to col-sm-12
xs Extra Small This Class is extra small screens like mobile phones col-xs-1 to col-xs-12

Post a Comment

Post a Comment