Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to use Bootstraps in HTML to power your design ?
10-01-2016, 03:08 PM
Post: #1
How to use Bootstraps in HTML to power your design ?
Two steps to easily implement ?
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. You can easily icons and customize designs.
1- Downloading bootstraps from here [ http://getbootstrap.com/getting-started/ ]and uploading to it on Bootstrap folder.
2- [Easy] 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. This is easiest step.
then how to implement?
EXAMPLE: BOOTSTRAPS IN HTML by CDN ways.

Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bdxoul's site</title>
here you put these codes in html
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/…/3.3…/css/bootstrap.min.css"> this is link for bootstraps link.
<script src="https://ajax.googleapis.com/…/l…/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/…/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>My First Bootstrap Page</h1>
<p>This is some text.</p>
</div>
</body>
</html>
any helps comments down
#bootstraps
#html
Find all posts by this user
Like Post Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)