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
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.
<!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="
"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>
Welcome to Bootstrap world!
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.