Saturday, 29 March 2014

What is a Bootstrap and there Usages

        In this article we are going to see about the Bootstrap and there usages in web development, Normally in olden days developing a applications and design a UI for the web applications takes time to do as well as same application for different device , they have to build a separate one, even though they build they not look like same so many constraints are there and also web responsiveness is not there, ie wen page doesn't render based on the mobile devices or size of the browser.

 What is Bootstrap ?
       In simple words bootstrap means the one which loads and done there process with out any external input, in Load time itself all the process to done are decides by itself.

    Now Bootstrap in our context is a simple UI framework which build the websites and pages easily for mobile devices and desktops. This makes lot easier for the developers to develop a rich look UI in web pages along with responsiveness i.e The webpages can changes the look and feel based on the devices. Bootstrap consists of in-build icons and css to give a stylish look and jquery to do the actions.


an sample website look and feel of webpages develop by bootstrap.





For develop the responsive webpages we have to use the Bootstrap , along with HTML 5, using this we can build the complex things in the simple way, no need to worry about the design. developers can concentrate on development of logic instead of spending huge time in design

Three important things to done in to develop a responsive website

Following line indicates that is HTML5

<!DOCTYPE html>

 paste the javascript code in the last line of the body

        <script src="Styles/jquery-1.11.0.min.js"></script>
        <script src="Styles/bootstrap.min.js"></script>

Add the styles

    <meta name="viewport" content="width=device-width, intial-scale=1.0" />
    <link href="Scripts/bootstrap.min.css" rel="stylesheet" />

 From this you can see the basic things of bootstrap and there usages.

No comments:

Post a Comment