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.

5 comments:


  1. At this time, it seems like Word Press is the preferred blogging platform available right now. (from what I’ve read) Is that what you’re using on your blog? Great post, however, I was wondering if you could write a little more on this subject?
    Best AWS Training in Marathahalli | AWS Training in Marathahalli
    Amazon Web Services Training in Anna Nagar, Chennai |Best AWS Training in Anna Nagar, Chennai

    ReplyDelete
  2. This is an awesome post.Really very informative and creative contents. These concept is a good way to enhance the knowledge.I like it and help me to development very well.Thank you for this brief explanation and very nice information.Well, got a good knowledge.

    Data Science training in rajaji nagar | Data Science with Python training in chenni

    Data Science training in electronic city | Data Science training in USA

    Data science training in pune | Data science training in kalyan nagar


    ReplyDelete
  3. Resources like the one you mentioned here will be very useful to me ! I will post a link to this page on my blog. I am sure my visitors will find that very useful

    devops online training

    aws online training

    data science with python online training

    data science online training

    rpa online training

    ReplyDelete