Bootstrap page

Hey friends here this post is there to teach you how to create webprograms

What is Bootstrap?

  • Bootstrap is a free front-end framework for faster and easier web development
  • Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
  • Bootstrap also gives you the ability to easily create responsive designs

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.

Bootstrap is completely free to download and to use it

Frist of all we will start learning it step by step

step 1 : download the Bootstrap files from the link download here for free and extract the Boot strap files to your working area and also you need notepad++ download here

step 2 : Getting started with creating with home page -> open notepad++ ->start writing code
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example Page</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"href="bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <h1>My First Bootstrap</h1>
  <p>Start Writing your design with here</p> 
</div>
</body>
</html>

 This code is basic bootstrap which should be written in every page 
The highlighted code is example for bootstrap files in your workspace

Your all contains should be in the devision "container" class 
Use home page code for all web pages

Step 3 : Design your home pages with 
 You can learn more in W3schools.com for more design 

Thank you for Reading my post if you have any Doubts or errors comment below 

Comments

Post a Comment

Popular Posts