Bootstrap
From charlesreid1
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