Mercurial > hg > Members > nobuyasu > TwitterBootstrap
comparison index.html @ 1:75a249e5cff9 draft
modified index.html
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Wed, 19 Sep 2012 22:29:50 +0900 |
parents | cfa3e2e51af7 |
children | 14efeaba715a |
comparison
equal
deleted
inserted
replaced
0:cfa3e2e51af7 | 1:75a249e5cff9 |
---|---|
5 <!-- Bootstrap --> | 5 <!-- Bootstrap --> |
6 <link href="css/bootstrap.css" rel="stylesheet"> | 6 <link href="css/bootstrap.css" rel="stylesheet"> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 <h1>Hello, world!</h1> | 9 <h1>Hello, world!</h1> |
10 | |
11 <h2>span test</h2> | |
12 <div class="row"> | |
13 <div class="span1">span1</div><div class="span1">span1</div><div class="span1">span1</div> <div class="span1">span1</div> | |
14 <br> | |
15 <div class="span4">span4</div><div class="span4">span4</div><div class="span4">span4</div> | |
16 <br> | |
17 <div class="span8">span8</div><div class="span8">span8</div><div class="span8">span8</div> | |
18 </div> | |
19 | |
20 | |
21 <h2>span offset test</h2> | |
22 <div class="row"> | |
23 <div class="span3">span4</div><div class="span3">span4</div> | |
24 <br> | |
25 <div class="span3 offset1">span3 offset1</div><div class="span3 offset1">span3 offset1</div> | |
26 <br> | |
27 <div class="span3 offset2">span3 offset2</div><div class="span3 offset2">span3 offset2</div> | |
28 <br> | |
29 <div class="span3 offset3">span3 offset3</div><div class="span3 offset3">span3 offset3</div> | |
30 </div> | |
31 | |
32 <h2>Nesting columns</h2> | |
33 <div class="row"> | |
34 <div class="span9"> | |
35 Level1 1 column | |
36 <div class="row"> | |
37 <div class="span6">Level 2</div> | |
38 <div class="span3">Level 2</div> | |
39 </div> | |
40 </div> | |
41 </div> | |
42 | |
43 | |
44 | |
45 | |
10 <script src="./js/jquery.js"></script> | 46 <script src="./js/jquery.js"></script> |
11 <script src="./js/bootstrap.min.js"</script> | 47 <script src="./js/bootstrap.min.js"</script> |
48 | |
12 </body> | 49 </body> |
13 </html> | 50 </html> |