Mercurial > hg > Members > nobuyasu > TwitterBootstrap

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
  </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>


    <h2>button</h2>

    <button class="btn">btn</button>
    <button class="btn btn-primary">btn btn-primary</button>
    <button class="btn btn-info">btn btn-info</button>
    <button class="btn btn-success">btn btn-success</button>
    <button class="btn btn-warning">btn btn-warning</button>
    <button class="btn danger">btn danger</button>

    <script src="./js/jquery.js"></script>
    <script src="./js/bootstrap.min.js"</script>

  </body>
</html>
author	Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date	Fri, 21 Sep 2012 00:56:20 +0900
parents	14efeaba715a
children