git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/less/tests/forms-responsive.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Bootstrap, from Twitter</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <!-- Le styles -->
  11     <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
  12     <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
  13     <style>
  14       body {
  15         padding-top: 30px;
  16         padding-bottom: 30px;
  17       }
  18     </style>
  19
  20     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  21     <!--[if lt IE 9]>
  22       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  23     <![endif]-->
  24
  25     <!-- Le fav and touch icons -->
  26     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
  27     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
  28       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
  29                     <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
  30                                    <link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
  31   </head>
  32
  33   <body>
  34
  35     <form class="container">
  36
  37       <div class="page-header">
  38         <h1>Fixed grid</h1>
  39       </div>
  40
  41       <h3>Vertical alignment</h3>
  42       <input type="text" class="span2" placeholder="span2">
  43       <select class="span2"><option>span2</option></select>
  44       <span class="uneditable-input span2">span1</span>
  45
  46       <h3>Width across elements</h3>
  47       <div>
  48         <input type="text" class="span2" placeholder="span2">
  49       </div>
  50       <div>
  51         <select class="span2"><option>span2</option></select>
  52       </div>
  53       <div>
  54         <span class="uneditable-input span2">span2</span>
  55       </div>
  56
  57
  58       <div class="page-header">
  59         <h1>Fluid grid</h1>
  60       </div>
  61
  62       <div class="row-fluid">
  63         <input type="text" class="span2" placeholder="span2">
  64         <select class="span2"><option>span2</option></select>
  65         <span class="uneditable-input span2">span1</span>
  66       </div>
  67
  68     </form> <!-- /container -->
  69
  70   </body>
  71 </html>