twitter_bootstrap_markup 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. data/.gitignore +4 -4
  2. data/Gemfile +4 -4
  3. data/README.md +28 -28
  4. data/Rakefile +1 -1
  5. data/lib/twitter_bootstrap_markup.rb +52 -52
  6. data/lib/twitter_bootstrap_markup/add_on.rb +8 -8
  7. data/lib/twitter_bootstrap_markup/alert.rb +35 -35
  8. data/lib/twitter_bootstrap_markup/badge.rb +4 -4
  9. data/lib/twitter_bootstrap_markup/brand.rb +8 -8
  10. data/lib/twitter_bootstrap_markup/breadcrumb.rb +21 -21
  11. data/lib/twitter_bootstrap_markup/button.rb +16 -16
  12. data/lib/twitter_bootstrap_markup/button_base.rb +44 -44
  13. data/lib/twitter_bootstrap_markup/control_group.rb +25 -25
  14. data/lib/twitter_bootstrap_markup/divider.rb +29 -29
  15. data/lib/twitter_bootstrap_markup/dropdown_button.rb +58 -58
  16. data/lib/twitter_bootstrap_markup/dropdown_link.rb +29 -29
  17. data/lib/twitter_bootstrap_markup/extended_input.rb +10 -10
  18. data/lib/twitter_bootstrap_markup/extension/hash.rb +10 -10
  19. data/lib/twitter_bootstrap_markup/fieldset.rb +17 -17
  20. data/lib/twitter_bootstrap_markup/form.rb +26 -26
  21. data/lib/twitter_bootstrap_markup/grid_column.rb +13 -13
  22. data/lib/twitter_bootstrap_markup/grid_row.rb +8 -8
  23. data/lib/twitter_bootstrap_markup/help.rb +23 -23
  24. data/lib/twitter_bootstrap_markup/icon.rb +17 -17
  25. data/lib/twitter_bootstrap_markup/input.rb +24 -24
  26. data/lib/twitter_bootstrap_markup/input_size.rb +21 -21
  27. data/lib/twitter_bootstrap_markup/label.rb +4 -4
  28. data/lib/twitter_bootstrap_markup/label_base.rb +32 -32
  29. data/lib/twitter_bootstrap_markup/link.rb +16 -16
  30. data/lib/twitter_bootstrap_markup/link_button.rb +17 -17
  31. data/lib/twitter_bootstrap_markup/nav_bar.rb +33 -33
  32. data/lib/twitter_bootstrap_markup/nav_container.rb +9 -9
  33. data/lib/twitter_bootstrap_markup/nav_header.rb +8 -8
  34. data/lib/twitter_bootstrap_markup/nav_list.rb +15 -15
  35. data/lib/twitter_bootstrap_markup/nav_list_container.rb +9 -9
  36. data/lib/twitter_bootstrap_markup/nav_tab.rb +9 -9
  37. data/lib/twitter_bootstrap_markup/nav_tab_container.rb +12 -12
  38. data/lib/twitter_bootstrap_markup/page_header.rb +16 -16
  39. data/lib/twitter_bootstrap_markup/pagination.rb +28 -28
  40. data/lib/twitter_bootstrap_markup/popover.rb +19 -19
  41. data/lib/twitter_bootstrap_markup/progress_bar.rb +42 -42
  42. data/lib/twitter_bootstrap_markup/select.rb +54 -54
  43. data/lib/twitter_bootstrap_markup/side_position.rb +14 -14
  44. data/lib/twitter_bootstrap_markup/submit.rb +9 -9
  45. data/lib/twitter_bootstrap_markup/tab.rb +13 -13
  46. data/lib/twitter_bootstrap_markup/tab_content.rb +28 -28
  47. data/lib/twitter_bootstrap_markup/table.rb +28 -28
  48. data/lib/twitter_bootstrap_markup/tag.rb +62 -62
  49. data/lib/twitter_bootstrap_markup/tag_builder.rb +21 -21
  50. data/lib/twitter_bootstrap_markup/textarea.rb +14 -14
  51. data/lib/twitter_bootstrap_markup/tooltip.rb +18 -18
  52. data/lib/twitter_bootstrap_markup/ul_container.rb +27 -27
  53. data/lib/twitter_bootstrap_markup/version.rb +3 -3
  54. data/lib/twitter_bootstrap_markup/well.rb +27 -27
  55. data/markup/alerts.html +74 -74
  56. data/markup/badges.html +64 -64
  57. data/markup/breadcrumbs.html +58 -58
  58. data/markup/buttons.html +94 -94
  59. data/markup/control_groups.html +76 -76
  60. data/markup/css/bootstrap-responsive.css +815 -815
  61. data/markup/css/bootstrap-responsive.min.css +9 -9
  62. data/markup/css/bootstrap.css +4914 -4914
  63. data/markup/css/bootstrap.min.css +727 -727
  64. data/markup/dropdown_buttons.html +247 -247
  65. data/markup/dropdown_links.html +111 -111
  66. data/markup/form_fields.html +87 -87
  67. data/markup/forms.html +80 -80
  68. data/markup/grid_system.html +86 -86
  69. data/markup/index.html +38 -38
  70. data/markup/js/bootstrap.js +1835 -1835
  71. data/markup/js/bootstrap.min.js +6 -6
  72. data/markup/js/jquery-1.7.2.js +9402 -9402
  73. data/markup/labels.html +64 -64
  74. data/markup/link_buttons.html +94 -94
  75. data/markup/nav_bars.html +103 -103
  76. data/markup/nav_lists.html +53 -53
  77. data/markup/paginations.html +67 -67
  78. data/markup/popovers.html +55 -55
  79. data/markup/progress_bars.html +92 -92
  80. data/markup/selects.html +123 -123
  81. data/markup/tabs.html +45 -45
  82. data/markup/textareas.html +89 -89
  83. data/markup/textboxes.html +94 -94
  84. data/markup/tooltips.html +55 -55
  85. data/spec/add_on_spec.rb +9 -9
  86. data/spec/alert_spec.rb +77 -77
  87. data/spec/badge_spec.rb +40 -28
  88. data/spec/brand_spec.rb +9 -9
  89. data/spec/breadcrumb_spec.rb +32 -32
  90. data/spec/button_spec.rb +51 -51
  91. data/spec/control_group_spec.rb +28 -28
  92. data/spec/divider_spec.rb +16 -16
  93. data/spec/dropdown_button_spec.rb +100 -100
  94. data/spec/dropdown_link_spec.rb +47 -47
  95. data/spec/fieldset_spec.rb +21 -21
  96. data/spec/form_fields_spec.rb +70 -70
  97. data/spec/form_spec.rb +34 -34
  98. data/spec/grid_system_spec.rb +68 -68
  99. data/spec/help_spec.rb +12 -12
  100. data/spec/icon_spec.rb +17 -17
  101. data/spec/input_spec.rb +10 -10
  102. data/spec/label_spec.rb +40 -28
  103. data/spec/link_button_spec.rb +51 -51
  104. data/spec/link_spec.rb +28 -28
  105. data/spec/nav_bar_spec.rb +37 -37
  106. data/spec/nav_list_spec.rb +39 -39
  107. data/spec/page_header_spec.rb +12 -12
  108. data/spec/pagination_spec.rb +17 -17
  109. data/spec/popover_spec.rb +14 -14
  110. data/spec/progress_bar_spec.rb +52 -52
  111. data/spec/select_spec.rb +59 -59
  112. data/spec/spec_helper.rb +11 -11
  113. data/spec/support/helpers/html_helper.rb +10 -10
  114. data/spec/table_spec.rb +32 -32
  115. data/spec/tabs_spec.rb +21 -21
  116. data/spec/tag_builder_spec.rb +37 -37
  117. data/spec/tag_spec.rb +51 -51
  118. data/spec/text_area_spec.rb +42 -42
  119. data/spec/textbox_spec.rb +59 -59
  120. data/spec/tooltip_spec.rb +14 -14
  121. data/spec/well_spec.rb +16 -16
  122. data/twitter_bootstrap_markup.gemspec +25 -25
  123. metadata +25 -9
@@ -1,112 +1,112 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Twitter Bootstrap Markup</title>
5
- <!--[if lt IE 9]>
6
- <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
- <![endif]-->
8
- <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
9
- <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
- </head>
11
- <body>
12
- <div class="container">
13
- <h2>Dropdown Links</h2>
14
- <table class="table table-bordered table-striped">
15
- <thead>
16
- <tr>
17
- <th class="span2">Name</th>
18
- <th>Component</th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <td>Default</td>
24
- <td id="default">
25
- <div class="dropdown">
26
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
27
- Select option
28
- <span class="caret"></span>
29
- </a>
30
- <ul class="dropdown-menu">
31
- <li>
32
- <a href="#1">Option 1</a>
33
- </li>
34
- <li>
35
- <a href="#2">Option 2</a>
36
- </li>
37
- </ul>
38
- </div>
39
- </td>
40
- </tr>
41
- <tr>
42
- <td>Image</td>
43
- <td id="image">
44
- <div class="dropdown">
45
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
46
- Select option
47
- <span class="caret"></span>
48
- </a>
49
- <ul class="dropdown-menu">
50
- <li>
51
- <a href="#1">
52
- <i class="icon-search"></i>
53
- Option 1
54
- </a>
55
- </li>
56
- <li>
57
- <a href="#2">
58
- <i class="icon-star"></i>
59
- Option 2
60
- </a>
61
- </li>
62
- </ul>
63
- </div>
64
- </td>
65
- </tr>
66
- <tr>
67
- <td>Divider</td>
68
- <td id="divider">
69
- <div class="dropdown">
70
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
71
- Select option
72
- <span class="caret"></span>
73
- </a>
74
- <ul class="dropdown-menu">
75
- <li>
76
- <a href="#1">Option 1</a>
77
- </li>
78
- <li class="divider">
79
- <li>
80
- <a href="#2">Option 2</a>
81
- </li>
82
- </ul>
83
- </div>
84
- </td>
85
- </tr>
86
- <tr>
87
- <td>Nav Item</td>
88
- <td id="nav_item">
89
- <li class="dropdown">
90
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
91
- Select option
92
- <span class="caret"></span>
93
- </a>
94
- <ul class="dropdown-menu">
95
- <li>
96
- <a href="#1">Option 1</a>
97
- </li>
98
- <li>
99
- <a href="#2">Option 2</a>
100
- </li>
101
- </ul>
102
- </li>
103
- </td>
104
- </tr>
105
- </tbody>
106
- </table>
107
- <a href="index.html">back to index</a>
108
- </div>
109
- <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
110
- <script src="js/bootstrap.js" type="text/javascript"></script>
111
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Twitter Bootstrap Markup</title>
5
+ <!--[if lt IE 9]>
6
+ <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
+ <![endif]-->
8
+ <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
9
+ <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <h2>Dropdown Links</h2>
14
+ <table class="table table-bordered table-striped">
15
+ <thead>
16
+ <tr>
17
+ <th class="span2">Name</th>
18
+ <th>Component</th>
19
+ </tr>
20
+ </thead>
21
+ <tbody>
22
+ <tr>
23
+ <td>Default</td>
24
+ <td id="default">
25
+ <div class="dropdown">
26
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
27
+ Select option
28
+ <span class="caret"></span>
29
+ </a>
30
+ <ul class="dropdown-menu">
31
+ <li>
32
+ <a href="#1">Option 1</a>
33
+ </li>
34
+ <li>
35
+ <a href="#2">Option 2</a>
36
+ </li>
37
+ </ul>
38
+ </div>
39
+ </td>
40
+ </tr>
41
+ <tr>
42
+ <td>Image</td>
43
+ <td id="image">
44
+ <div class="dropdown">
45
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
46
+ Select option
47
+ <span class="caret"></span>
48
+ </a>
49
+ <ul class="dropdown-menu">
50
+ <li>
51
+ <a href="#1">
52
+ <i class="icon-search"></i>
53
+ Option 1
54
+ </a>
55
+ </li>
56
+ <li>
57
+ <a href="#2">
58
+ <i class="icon-star"></i>
59
+ Option 2
60
+ </a>
61
+ </li>
62
+ </ul>
63
+ </div>
64
+ </td>
65
+ </tr>
66
+ <tr>
67
+ <td>Divider</td>
68
+ <td id="divider">
69
+ <div class="dropdown">
70
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
71
+ Select option
72
+ <span class="caret"></span>
73
+ </a>
74
+ <ul class="dropdown-menu">
75
+ <li>
76
+ <a href="#1">Option 1</a>
77
+ </li>
78
+ <li class="divider">
79
+ <li>
80
+ <a href="#2">Option 2</a>
81
+ </li>
82
+ </ul>
83
+ </div>
84
+ </td>
85
+ </tr>
86
+ <tr>
87
+ <td>Nav Item</td>
88
+ <td id="nav_item">
89
+ <li class="dropdown">
90
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
91
+ Select option
92
+ <span class="caret"></span>
93
+ </a>
94
+ <ul class="dropdown-menu">
95
+ <li>
96
+ <a href="#1">Option 1</a>
97
+ </li>
98
+ <li>
99
+ <a href="#2">Option 2</a>
100
+ </li>
101
+ </ul>
102
+ </li>
103
+ </td>
104
+ </tr>
105
+ </tbody>
106
+ </table>
107
+ <a href="index.html">back to index</a>
108
+ </div>
109
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
110
+ <script src="js/bootstrap.js" type="text/javascript"></script>
111
+ </body>
112
112
  </html>
@@ -1,88 +1,88 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Twitter Bootstrap Markup</title>
5
- <!--[if lt IE 9]>
6
- <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
- <![endif]-->
8
- <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
- <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
- </head>
11
- <body>
12
- <div class="container">
13
- <h2>Form fields</h2>
14
- <form class="form-horizontal">
15
- <fieldset>
16
- <div class="control-group">
17
- <label for="focusedInput" class="control-label">Focused input</label>
18
- <div class="controls">
19
- <input type="text" class="input-xlarge focused" id="focusedInput" value="This is focused...">
20
- </div>
21
- </div>
22
- <div class="control-group">
23
- <label class="control-label">Uneditable input</label>
24
- <div class="controls">
25
- <span class="input-xlarge uneditable-input">Some value here</span>
26
- </div>
27
- </div>
28
- <div class="control-group">
29
- <label for="disabledInput" class="control-label">Disabled input</label>
30
- <div class="controls">
31
- <input type="text" class="input-xlarge disabled" id="disabledInput" placeholder="Disabled input here..." disabled="">
32
- </div>
33
- </div>
34
- <div class="control-group">
35
- <label for="optionsCheckbox2" class="control-label">Disabled checkbox</label>
36
- <div class="controls">
37
- <label class="checkbox">
38
- <input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
39
- This is a disabled checkbox
40
- </label>
41
- </div>
42
- </div>
43
- <div class="control-group warning">
44
- <label for="inputWarning" class="control-label">Input with warning</label>
45
- <div class="controls">
46
- <input type="text" id="inputWarning">
47
- <span class="help-inline">Something may have gone wrong</span>
48
- </div>
49
- </div>
50
- <div class="control-group error">
51
- <label for="inputError" class="control-label">Input with error</label>
52
- <div class="controls">
53
- <input type="text" id="inputError">
54
- <span class="help-inline">Please correct the error</span>
55
- </div>
56
- </div>
57
- <div class="control-group success">
58
- <label for="inputSuccess" class="control-label">Input with success</label>
59
- <div class="controls">
60
- <input type="text" id="inputSuccess">
61
- <span class="help-inline">Woohoo!</span>
62
- </div>
63
- </div>
64
- <div class="control-group success">
65
- <label for="selectSuccess" class="control-label">Select with success</label>
66
- <div class="controls">
67
- <select id="selectSuccess">
68
- <option value="1">1</option>
69
- <option value="2">2</option>
70
- <option value="3">3</option>
71
- <option value="4">4</option>
72
- <option value="5">5</option>
73
- </select>
74
- <span class="help-inline">Woohoo!</span>
75
- </div>
76
- </div>
77
- <div class="form-actions">
78
- <button class="btn btn-primary" type="submit">Save changes</button>
79
- <button class="btn">Cancel</button>
80
- </div>
81
- </fieldset>
82
- </form>
83
- <a href="index.html">back to index</a>
84
- </div>
85
- <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
86
- <script src="js/bootstrap.js" type="text/javascript"></script>
87
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Twitter Bootstrap Markup</title>
5
+ <!--[if lt IE 9]>
6
+ <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
+ <![endif]-->
8
+ <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
+ <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <h2>Form fields</h2>
14
+ <form class="form-horizontal">
15
+ <fieldset>
16
+ <div class="control-group">
17
+ <label for="focusedInput" class="control-label">Focused input</label>
18
+ <div class="controls">
19
+ <input type="text" class="input-xlarge focused" id="focusedInput" value="This is focused...">
20
+ </div>
21
+ </div>
22
+ <div class="control-group">
23
+ <label class="control-label">Uneditable input</label>
24
+ <div class="controls">
25
+ <span class="input-xlarge uneditable-input">Some value here</span>
26
+ </div>
27
+ </div>
28
+ <div class="control-group">
29
+ <label for="disabledInput" class="control-label">Disabled input</label>
30
+ <div class="controls">
31
+ <input type="text" class="input-xlarge disabled" id="disabledInput" placeholder="Disabled input here..." disabled="">
32
+ </div>
33
+ </div>
34
+ <div class="control-group">
35
+ <label for="optionsCheckbox2" class="control-label">Disabled checkbox</label>
36
+ <div class="controls">
37
+ <label class="checkbox">
38
+ <input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
39
+ This is a disabled checkbox
40
+ </label>
41
+ </div>
42
+ </div>
43
+ <div class="control-group warning">
44
+ <label for="inputWarning" class="control-label">Input with warning</label>
45
+ <div class="controls">
46
+ <input type="text" id="inputWarning">
47
+ <span class="help-inline">Something may have gone wrong</span>
48
+ </div>
49
+ </div>
50
+ <div class="control-group error">
51
+ <label for="inputError" class="control-label">Input with error</label>
52
+ <div class="controls">
53
+ <input type="text" id="inputError">
54
+ <span class="help-inline">Please correct the error</span>
55
+ </div>
56
+ </div>
57
+ <div class="control-group success">
58
+ <label for="inputSuccess" class="control-label">Input with success</label>
59
+ <div class="controls">
60
+ <input type="text" id="inputSuccess">
61
+ <span class="help-inline">Woohoo!</span>
62
+ </div>
63
+ </div>
64
+ <div class="control-group success">
65
+ <label for="selectSuccess" class="control-label">Select with success</label>
66
+ <div class="controls">
67
+ <select id="selectSuccess">
68
+ <option value="1">1</option>
69
+ <option value="2">2</option>
70
+ <option value="3">3</option>
71
+ <option value="4">4</option>
72
+ <option value="5">5</option>
73
+ </select>
74
+ <span class="help-inline">Woohoo!</span>
75
+ </div>
76
+ </div>
77
+ <div class="form-actions">
78
+ <button class="btn btn-primary" type="submit">Save changes</button>
79
+ <button class="btn">Cancel</button>
80
+ </div>
81
+ </fieldset>
82
+ </form>
83
+ <a href="index.html">back to index</a>
84
+ </div>
85
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
86
+ <script src="js/bootstrap.js" type="text/javascript"></script>
87
+ </body>
88
88
  </html>
@@ -1,81 +1,81 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <title>Twitter Bootstrap Markup</title>
5
- <!--[if lt IE 9]>
6
- <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
- <![endif]-->
8
- <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
- <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
- </head>
11
- <body>
12
- <div class="container">
13
- <h2>Forms</h2>
14
- <table class="table table-bordered table-striped">
15
- <thead>
16
- <tr>
17
- <th class="span2">Name</th>
18
- <th>Component</th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <td>Vertical (Default)</td>
24
- <td id="vertical">
25
- <form>
26
- <input type="text" class="input-small" placeholder="Email">
27
- <input type="password" class="input-small" placeholder="Password">
28
- <label class="checkbox">
29
- <input type="checkbox">Remember me
30
- </label>
31
- <button class="btn">Sign in</button>
32
- </form>
33
- </td>
34
- </tr>
35
- <tr>
36
- <td>Inline</td>
37
- <td id="inline">
38
- <form class="form-inline">
39
- <input type="text" class="input-small" placeholder="Email">
40
- <input type="password" class="input-small" placeholder="Password">
41
- <label class="checkbox">
42
- <input type="checkbox">Remember me
43
- </label>
44
- <button class="btn">Sign in</button>
45
- </form>
46
- </td>
47
- </tr>
48
- <tr>
49
- <td>Search</td>
50
- <td id="search">
51
- <form class="form-search">
52
- <input type="text" class="input-small" placeholder="Email">
53
- <input type="password" class="input-small" placeholder="Password">
54
- <label class="checkbox">
55
- <input type="checkbox">Remember me
56
- </label>
57
- <button class="btn">Sign in</button>
58
- </form>
59
- </td>
60
- </tr>
61
- <tr>
62
- <td>Horizontal</td>
63
- <td id="horizontal">
64
- <form class="form-horizontal">
65
- <input type="text" class="input-small" placeholder="Email">
66
- <input type="password" class="input-small" placeholder="Password">
67
- <label class="checkbox">
68
- <input type="checkbox">Remember me
69
- </label>
70
- <button class="btn">Sign in</button>
71
- </form>
72
- </td>
73
- </tr>
74
- </tbody>
75
- </table>
76
- <a href="index.html">back to index</a>
77
- </div>
78
- <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
79
- <script src="js/bootstrap.js" type="text/javascript"></script>
80
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Twitter Bootstrap Markup</title>
5
+ <!--[if lt IE 9]>
6
+ <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
7
+ <![endif]-->
8
+ <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
9
+ <meta content='width=device-width, initial-scale=1.0' name='viewport'>
10
+ </head>
11
+ <body>
12
+ <div class="container">
13
+ <h2>Forms</h2>
14
+ <table class="table table-bordered table-striped">
15
+ <thead>
16
+ <tr>
17
+ <th class="span2">Name</th>
18
+ <th>Component</th>
19
+ </tr>
20
+ </thead>
21
+ <tbody>
22
+ <tr>
23
+ <td>Vertical (Default)</td>
24
+ <td id="vertical">
25
+ <form>
26
+ <input type="text" class="input-small" placeholder="Email">
27
+ <input type="password" class="input-small" placeholder="Password">
28
+ <label class="checkbox">
29
+ <input type="checkbox">Remember me
30
+ </label>
31
+ <button class="btn">Sign in</button>
32
+ </form>
33
+ </td>
34
+ </tr>
35
+ <tr>
36
+ <td>Inline</td>
37
+ <td id="inline">
38
+ <form class="form-inline">
39
+ <input type="text" class="input-small" placeholder="Email">
40
+ <input type="password" class="input-small" placeholder="Password">
41
+ <label class="checkbox">
42
+ <input type="checkbox">Remember me
43
+ </label>
44
+ <button class="btn">Sign in</button>
45
+ </form>
46
+ </td>
47
+ </tr>
48
+ <tr>
49
+ <td>Search</td>
50
+ <td id="search">
51
+ <form class="form-search">
52
+ <input type="text" class="input-small" placeholder="Email">
53
+ <input type="password" class="input-small" placeholder="Password">
54
+ <label class="checkbox">
55
+ <input type="checkbox">Remember me
56
+ </label>
57
+ <button class="btn">Sign in</button>
58
+ </form>
59
+ </td>
60
+ </tr>
61
+ <tr>
62
+ <td>Horizontal</td>
63
+ <td id="horizontal">
64
+ <form class="form-horizontal">
65
+ <input type="text" class="input-small" placeholder="Email">
66
+ <input type="password" class="input-small" placeholder="Password">
67
+ <label class="checkbox">
68
+ <input type="checkbox">Remember me
69
+ </label>
70
+ <button class="btn">Sign in</button>
71
+ </form>
72
+ </td>
73
+ </tr>
74
+ </tbody>
75
+ </table>
76
+ <a href="index.html">back to index</a>
77
+ </div>
78
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
79
+ <script src="js/bootstrap.js" type="text/javascript"></script>
80
+ </body>
81
81
  </html>