Bootstrap: Difference between revisions
From charlesreid1
(Created page with "=Bootstrap= Twitter Bootstrap is a set of really useful and handy tools that can be used to create slick-looking websites in short order. ==Installing Bootstrap== When you dow...") |
Bleep bloop (talk | contribs) m (Bot: Orphan page, add template) |
||
| Line 1: | Line 1: | ||
{{Orphan|date=April 2017}} | |||
=Bootstrap= | =Bootstrap= | ||
Revision as of 02:39, 17 April 2017
 |
O NOES!!!
|
Bootstrap
Twitter Bootstrap is a set of really useful and handy tools that can be used to create slick-looking websites in short order.
Installing Bootstrap
When you download Twitter Bootstrap, you'll see a directory with contents looking like this:
css/ img/ js/
These contain the CSS used by Bootstrap (for its colors, fonts, and style), images (utility-type things), and Javascript scripts, respectively.
Once you've downloaded bootstrap, you can use it by including two scripts in any HTML page:
- Jquery JS script
- Bootstrap main JS script
Here is an example HTML page:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Kickstrap
Kickstrap is like Bootstrap on steroids.
Installing Kickstrap
Here's what comes with Kickstrap:
$ /bin/ls kickstrap/ Kickstrap blank.html index.html kickstrap.less theme.less