Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Chapter 1: Bootstrap Overview

    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 819
    Comment on it

    Nowadays Bootstrap is most popular front-end framework. This is very fast and easy to maintain. Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It is open source and released August 2011 on GitHub.

    It has built-in components which are  easy to customize and maintain.

    To start work with bootstrap you should have to basic knowledge about HTML, CSS and Javascript.


    What Bootstrap Package Includes?


    CSS − Bootstrap has many CSS classes and have global CSS settings and advanced grid base system. We will learn about it in further post with detail.


    Ataging − Bootstrap offers a structure with Grid System, styles.

    Components − Bootstrap provides icons, dropdowns, navigation(s), alerts, popovers and much more components.

    JavaScript Plugins − Its provides lots of jQuery plugins which make easier to your work and make your work user friendly also.

    Customize − You can say about it that its a bonus feature with bootstrap which is very easy. You can customize maximum components ,LESS variables and jQuery plugins also.
     

    Advantage of Bootstrap?

    Bootstrap is Mobile first approach , Browser Support (supported all major browsers), Easy to get learn, responsive.

    A basic default HTML layout by bootstrap -

       
       <!DOCTYPE html>
       <html lang = "en">
          
          <head>
             <meta charset = "utf-8">
             <meta http-equiv = "X-UA-Compatible" content = "IE = edge">
             <meta name = "viewport" content = "width = device-width, initial-scale = 1">
             
             <title>Bootstrap 101 Template</title>
             
             <!-- Bootstrap -->
             <link href = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel = "stylesheet">
             
             <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
             <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
             
             <!--[if lt IE 9]>
             <script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
             <script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
             <![endif]-->
             
          </head>
          
          <body>
             <h1>Hello, world!</h1>
             
             <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
             <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
             
             <!-- Include all compiled plugins (below), or include individual files as needed -->
             <script src = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
             
          </body>
       </html>

     

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: