Basic Steps to Get Start Bootstrap Framework - Bootstrap Tutorials

Get Started Bootstrap


1. Create HTML Webpage


Basicly Bootstrap uses HTML elements and CSS properties. so your page require HTML5 doctype and you must write <!DOCTYPE html> at beginning of all your HTML pages and character set also.

HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
</html>

2. Bootstrap 3 framework mobile-first


Bootstrap 3 framework is mainly designed for small and extra small screens like tablets and mobile phones, to make your web page proper response in all device screens. Add below line in your every web page in between <head> </head> tag.

<meta name="viewport" content="width=device-width, initial-scale=1">

3. To Add Bootstrap framework Files


The main framework files add or download and link to your web page in between <head> </head> tag. The below are the Bootstrap CDN links which you can use without host directly copy and past in your pages. CDN means Content Delivery Network.

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Now you are ready to start design responsive web page with Bootstrap framework

Post a Comment