23:42
Merbin Joe
Before you start the bootstrap you should know basic knowledge of following:
Bootstrap is the free collection tools for creating web applicatioons and web pages.
Bootstrap contain CSS and HTML design templates for html elements.
Bootstrap also having optional JavaScript file, for doing action.
Bootstrap is the opensource so everyone can modified and use freely.
Many examples available in GitHub website, you can download it and customize you want.
Mobile-first approach: Bootstrap contain separate style for mobiles from Bootstrap 3
Easy to get started: If have basic knowledge of HTML and CSS anyone can get started with Bootstrap
Responsive Web design: Bootstrap will automatically adjust the scree size to desktops,mobile phones and tablets.
Before adding bootstrap to your pages, you should include the following tags
"width=device-width" this will set the page to follow the screen-width.
"initial-scale=1" it will set the initial zoom level when the page is loaded first by browser.
Downloading Bootstrap from internet:-
you can download the full source from the www.getbootstrap.com website.
If you don't like to download bootstrap and host yourself then you can include directly from the following link.
Advantage of include the Bootstrap from CDN:-
If the user already visited the CDN included bootstrap, the next time the file will be loaded from cache, which leads to faster loading time.
HTML
(jQuery/JavaScript)
CSS
(jQuery/JavaScript)
CSS
Bootstrap is the free collection tools for creating web applicatioons and web pages.
Bootstrap contain CSS and HTML design templates for html elements.
Bootstrap also having optional JavaScript file, for doing action.
Bootstrap is the opensource so everyone can modified and use freely.
Many examples available in GitHub website, you can download it and customize you want.
Why need Bootstrap?
Browser support: Bootstrap support all popular browser like chrome,firefox,IE and etc...Mobile-first approach: Bootstrap contain separate style for mobiles from Bootstrap 3
Easy to get started: If have basic knowledge of HTML and CSS anyone can get started with Bootstrap
Responsive Web design: Bootstrap will automatically adjust the scree size to desktops,mobile phones and tablets.
Before adding bootstrap to your pages, you should include the following tags
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
-----------
-----------
-----------
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
-----------
-----------
-----------
"width=device-width" this will set the page to follow the screen-width.
"initial-scale=1" it will set the initial zoom level when the page is loaded first by browser.
Downloading Bootstrap from internet:-
you can download the full source from the www.getbootstrap.com website.
If you don't like to download bootstrap and host yourself then you can include directly from the following link.
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional: Include the jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Optional: Incorporate the Bootstrap JavaScript plugins -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional: Include the jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Optional: Incorporate the Bootstrap JavaScript plugins -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
Advantage of include the Bootstrap from CDN:-
If the user already visited the CDN included bootstrap, the next time the file will be loaded from cache, which leads to faster loading time.
Posted in 
0 comments:
Post a Comment