From charlesreid1

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


Flags