Mercurial > hg > Members > nobuyasu > TwitterBootstrap
view index.html @ 2:144c93c1c71c draft
add examples
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Wed, 19 Sep 2012 22:31:54 +0900 |
parents | 75a249e5cff9 |
children | 14efeaba715a |
line wrap: on
line source
<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="css/bootstrap.css" rel="stylesheet"> </head> <body> <h1>Hello, world!</h1> <h2>span test</h2> <div class="row"> <div class="span1">span1</div><div class="span1">span1</div><div class="span1">span1</div> <div class="span1">span1</div> <br> <div class="span4">span4</div><div class="span4">span4</div><div class="span4">span4</div> <br> <div class="span8">span8</div><div class="span8">span8</div><div class="span8">span8</div> </div> <h2>span offset test</h2> <div class="row"> <div class="span3">span4</div><div class="span3">span4</div> <br> <div class="span3 offset1">span3 offset1</div><div class="span3 offset1">span3 offset1</div> <br> <div class="span3 offset2">span3 offset2</div><div class="span3 offset2">span3 offset2</div> <br> <div class="span3 offset3">span3 offset3</div><div class="span3 offset3">span3 offset3</div> </div> <h2>Nesting columns</h2> <div class="row"> <div class="span9"> Level1 1 column <div class="row"> <div class="span6">Level 2</div> <div class="span3">Level 2</div> </div> </div> </div> <script src="./js/jquery.js"></script> <script src="./js/bootstrap.min.js"</script> </body> </html>