How to start coding by Bootstrap
Step-One:
Before staring coding you have to setup you computer first.
1) To go to your computer staring point as given below:
Click on View >>> Find Right side upper corner click on options
After clock on options you found the following:
>>> Click on View you set the given below :
If you find above figure your computer is ready for starting coding.
Before starting second step create a folder on your desktop name my website.
>>> Next open the folder as below:
Open CSS folder.you create below:
Copy and past from bootstrap like below:
Open Fonts folder and you create below:
Search from google : Copy and past from bootstrap like below:
Open Images folder and you create below:
Copy and past your image like below:
Take your mouse on html.index.click right side of the mouse and open with notepad:
You have found the below image.Copy from bootstrap and past here and open the html.index with Firefox or google Crome or any other browser.
If you do not understand anything please comments to our box. we will try to help solve your problems.Step-Two:
Go to the link http://getbootstrap.com/
Download Bootstrap
Ways to Get Bootstrap
There are two ways to start using Bootstrap on your own web site.
You can:
Download Bootstrap from getbootstrap.com
Include Bootstrap from a CDN
Downloading Bootstrap
If you want to download and host Bootstrap yourself, go to getbootstrap.com, and follow the instructions there.
Bootstrap CDN
If you don't want to download and host Bootstrap yourself, you can include it from a CDN (Content Delivery Network).
MaxCDN provides CDN support for Bootstrap's CSS and JavaScript. You must also include jQuery:
MaxCDN:
<!-- 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.1.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
If you Copy the following code and past to your html.index note pad file:
<!DOCTYPE html><html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container.</p>
</div>
</body>
</html>
If you You have opened with the Firefox or google Crome or any other browser you will get the below result:
To get anything please visit the link and read and practice more more and more and practice accordingly.You must success in this arena.
Links:
https://www.tutorialspoint.com/bootstrap/bootstrap_dropdowns.htmhttp://getbootstrap.com/components/
http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/
No comments:
Post a Comment