Bootstrap is mobile first front-end frame work for faster and easier web development. Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Users of bootstrap : Browser compatibility : bootstrap will support all major/modern browsers like safari,chrome,fire-fox,operaInternet explorer. Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework Responsive features: Layout/grid system of the bootstrap is designed in such a way it adjust to any screen(desktop/larger screen pcs/mobile/tablets/fablets)

Easy to use: just need basic knowledge of HTML and CSS can start using Bootstrap. Download && Installation of the bootstrap: We can download from host environment using following link. getbootstrap.com. Or else you can use CDN(Content Delivery Network). Just you need to add these source links to your html page ,that�s it .

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

And also you need to add meta tag in header tag to get proper rendering and touch zooming.
Here is meta tag :

       <meta name="viewport" content="width=device-width, initial-scale=1">

The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device). The initial-scale=1 part sets the initial zoom level when the page is first loaded by the browser. That�s it , You successfully hosted bootstrap in to your web page.and from with the use of css styles and related grid layouts ,you can easily create good responsive web page.


Making div/pop-up/overlays center of the screen irrespective of the screen size.

Sat 27 June 2015 by Godson

Making div/pop-up/overlays center of the screen irrespective of the screen size.

read more