home

Bootstrap Introduction

This tutorials will guide you to develop simple responsive website, it has been initiated with different sections like bootstrap templates, bootstrap headers, bootstrap nav, bootstrap content and bootstrap grid layout and more. Bootstrap is most popular Front-End frame-work, to develop responsive and mobile friendly websites and faster and easier to develop. To develop bootstrap framework used HTML, CSS, LESS, Sass and JavaScript. Anyone can learn who has basic idea of html, easy to learn, easy to develop, to learn bootstrap what you need to do is, just go through step by step click on side menu.

Where to get Bootstrap

Bootstrap is completely open source, download from official website click here to download. Upload this complete package into your working folder and do some sample practice.

Bootstrap Basic setup Code

<!DOCTYPE html>
<html>
<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>Welcome to Boostrap</title>

   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script src="/scripts/jquery.min.js"></script>
   <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"></script>
      
    //Bootstrap
    // 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>
         
 <body>
      
      <h1> Welcome to Bootstrap 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>

Bootstrap Demo

Welcome to Bootstrap world!

Bootstrap Advantages

Here we have some advantages of bootstrap.

Opens source - the main advantage of using Bootstrap is that it comes with free set of package to creating responsive and mobile friendly web layouts.

Saves Time - it really big advantage for developers its saves lot of time.

Responsive Features – Bootstrap will have flexibility to create Responsive (mobile friendly websites).

Light weighted and Easy to use – yes, its light weighted front-end frame work, and anyone can use who have some basic fundamentals of html.

User Friendly Design – like other frame works, bootstrap is well give feasibility to create use fiend design by using bootstrap components.

Browsers compatibility – this is major advantage, will get very less browser issues while implementing this in the real time.