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...") |
|||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
{{Orphan|date=April 2017}} | |||
=Bootstrap= | =Bootstrap= | ||
| Line 53: | Line 54: | ||
theme.less | theme.less | ||
</pre> | </pre> | ||
=Flags= | |||
[[Category:Web]] | |||
[[Category:HTML]] | |||
[[Category:Bootstrap]] | |||
Latest revision as of 16:41, 27 January 2018
 |
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