twitter_bootstrap_markup 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. data/.gitignore +5 -0
  2. data/Gemfile +4 -0
  3. data/README.md +29 -0
  4. data/Rakefile +1 -0
  5. data/lib/twitter_bootstrap_markup.rb +45 -0
  6. data/lib/twitter_bootstrap_markup/add_on.rb +9 -0
  7. data/lib/twitter_bootstrap_markup/alert.rb +35 -0
  8. data/lib/twitter_bootstrap_markup/badge.rb +4 -0
  9. data/lib/twitter_bootstrap_markup/brand.rb +9 -0
  10. data/lib/twitter_bootstrap_markup/breadcrumb.rb +21 -0
  11. data/lib/twitter_bootstrap_markup/button.rb +16 -0
  12. data/lib/twitter_bootstrap_markup/button_base.rb +41 -0
  13. data/lib/twitter_bootstrap_markup/control_group.rb +26 -0
  14. data/lib/twitter_bootstrap_markup/divider.rb +30 -0
  15. data/lib/twitter_bootstrap_markup/dropdown_button.rb +59 -0
  16. data/lib/twitter_bootstrap_markup/extended_input.rb +11 -0
  17. data/lib/twitter_bootstrap_markup/extension/hash.rb +11 -0
  18. data/lib/twitter_bootstrap_markup/fieldset.rb +18 -0
  19. data/lib/twitter_bootstrap_markup/form.rb +27 -0
  20. data/lib/twitter_bootstrap_markup/grid_column.rb +14 -0
  21. data/lib/twitter_bootstrap_markup/grid_row.rb +9 -0
  22. data/lib/twitter_bootstrap_markup/help.rb +24 -0
  23. data/lib/twitter_bootstrap_markup/icon.rb +18 -0
  24. data/lib/twitter_bootstrap_markup/input.rb +31 -0
  25. data/lib/twitter_bootstrap_markup/label.rb +4 -0
  26. data/lib/twitter_bootstrap_markup/label_base.rb +29 -0
  27. data/lib/twitter_bootstrap_markup/link.rb +17 -0
  28. data/lib/twitter_bootstrap_markup/link_button.rb +17 -0
  29. data/lib/twitter_bootstrap_markup/nav_bar.rb +32 -0
  30. data/lib/twitter_bootstrap_markup/nav_container.rb +10 -0
  31. data/lib/twitter_bootstrap_markup/nav_header.rb +9 -0
  32. data/lib/twitter_bootstrap_markup/nav_list.rb +11 -0
  33. data/lib/twitter_bootstrap_markup/nav_list_container.rb +10 -0
  34. data/lib/twitter_bootstrap_markup/nav_tab.rb +10 -0
  35. data/lib/twitter_bootstrap_markup/nav_tab_container.rb +13 -0
  36. data/lib/twitter_bootstrap_markup/page_header.rb +17 -0
  37. data/lib/twitter_bootstrap_markup/pagination.rb +29 -0
  38. data/lib/twitter_bootstrap_markup/popover.rb +20 -0
  39. data/lib/twitter_bootstrap_markup/progress_bar.rb +43 -0
  40. data/lib/twitter_bootstrap_markup/select.rb +67 -0
  41. data/lib/twitter_bootstrap_markup/side_position.rb +15 -0
  42. data/lib/twitter_bootstrap_markup/submit.rb +10 -0
  43. data/lib/twitter_bootstrap_markup/tab.rb +14 -0
  44. data/lib/twitter_bootstrap_markup/tab_content.rb +29 -0
  45. data/lib/twitter_bootstrap_markup/table.rb +28 -0
  46. data/lib/twitter_bootstrap_markup/tag.rb +51 -0
  47. data/lib/twitter_bootstrap_markup/tooltip.rb +19 -0
  48. data/lib/twitter_bootstrap_markup/ul_container.rb +21 -0
  49. data/lib/twitter_bootstrap_markup/version.rb +3 -0
  50. data/lib/twitter_bootstrap_markup/well.rb +27 -0
  51. data/markup/alerts.html +75 -0
  52. data/markup/badges.html +65 -0
  53. data/markup/breadcrumbs.html +59 -0
  54. data/markup/buttons.html +95 -0
  55. data/markup/control_groups.html +77 -0
  56. data/markup/css/bootstrap-responsive.css +815 -0
  57. data/markup/css/bootstrap-responsive.min.css +9 -0
  58. data/markup/css/bootstrap.css +4983 -0
  59. data/markup/css/bootstrap.min.css +9 -0
  60. data/markup/dropdown_buttons.html +248 -0
  61. data/markup/form_fields.html +88 -0
  62. data/markup/forms.html +81 -0
  63. data/markup/grid_system.html +87 -0
  64. data/markup/img/glyphicons-halflings-white.png +0 -0
  65. data/markup/img/glyphicons-halflings.png +0 -0
  66. data/markup/index.html +37 -0
  67. data/markup/js/bootstrap.js +1825 -0
  68. data/markup/js/bootstrap.min.js +6 -0
  69. data/markup/js/jquery-1.7.2.js +9402 -0
  70. data/markup/labels.html +65 -0
  71. data/markup/link_buttons.html +95 -0
  72. data/markup/nav_bars.html +104 -0
  73. data/markup/nav_lists.html +54 -0
  74. data/markup/paginations.html +68 -0
  75. data/markup/popovers.html +56 -0
  76. data/markup/progress_bars.html +93 -0
  77. data/markup/selects.html +124 -0
  78. data/markup/tabs.html +46 -0
  79. data/markup/textboxes.html +95 -0
  80. data/markup/tooltips.html +56 -0
  81. data/spec/add_on_spec.rb +10 -0
  82. data/spec/alert_spec.rb +77 -0
  83. data/spec/badge_spec.rb +29 -0
  84. data/spec/brand_spec.rb +10 -0
  85. data/spec/breadcrumb_spec.rb +32 -0
  86. data/spec/button_spec.rb +52 -0
  87. data/spec/control_group_spec.rb +29 -0
  88. data/spec/divider_spec.rb +17 -0
  89. data/spec/dropdown_button_spec.rb +101 -0
  90. data/spec/fieldset_spec.rb +22 -0
  91. data/spec/form_fields_spec.rb +71 -0
  92. data/spec/form_spec.rb +35 -0
  93. data/spec/grid_system_spec.rb +69 -0
  94. data/spec/help_spec.rb +13 -0
  95. data/spec/icon_spec.rb +18 -0
  96. data/spec/input_spec.rb +11 -0
  97. data/spec/label_spec.rb +29 -0
  98. data/spec/link_button_spec.rb +52 -0
  99. data/spec/link_spec.rb +29 -0
  100. data/spec/nav_bar_spec.rb +27 -0
  101. data/spec/nav_list_spec.rb +27 -0
  102. data/spec/page_header_spec.rb +13 -0
  103. data/spec/pagination_spec.rb +18 -0
  104. data/spec/popover_spec.rb +15 -0
  105. data/spec/progress_bar_spec.rb +53 -0
  106. data/spec/select_spec.rb +61 -0
  107. data/spec/spec_helper.rb +12 -0
  108. data/spec/support/helpers/html_helper.rb +11 -0
  109. data/spec/table_spec.rb +29 -0
  110. data/spec/tabs_spec.rb +22 -0
  111. data/spec/tag_spec.rb +40 -0
  112. data/spec/textbox_spec.rb +60 -0
  113. data/spec/tooltip_spec.rb +15 -0
  114. data/spec/well_spec.rb +17 -0
  115. data/twitter_bootstrap_markup.gemspec +23 -0
  116. metadata +182 -0
data/markup/labels.html ADDED
@@ -0,0 +1,65 @@
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>Labels</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
+ <span class="label">Default</span>
26
+ </td>
27
+ </tr>
28
+ <tr>
29
+ <td>Success</td>
30
+ <td id="success">
31
+ <span class="label label-success">Success</span>
32
+ </td>
33
+ </tr>
34
+ <tr>
35
+ <td>Warning</td>
36
+ <td id="warning">
37
+ <span class="label label-warning">Warning</span>
38
+ </td>
39
+ </tr>
40
+ <tr>
41
+ <td>Important</td>
42
+ <td id="important">
43
+ <span class="label label-important">Important</span>
44
+ </td>
45
+ </tr>
46
+ <tr>
47
+ <td>Info</td>
48
+ <td id="info">
49
+ <span class="label label-info">Info</span>
50
+ </td>
51
+ </tr>
52
+ <tr>
53
+ <td>Inverse</td>
54
+ <td id="inverse">
55
+ <span class="label label-inverse">Inverse</span>
56
+ </td>
57
+ </tr>
58
+ </tbody>
59
+ </table>
60
+ <a href="index.html">back to index</a>
61
+ </div>
62
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
63
+ <script src="js/bootstrap.js" type="text/javascript"></script>
64
+ </body>
65
+ </html>
data/markup/link_buttons.html ADDED
@@ -0,0 +1,95 @@
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>Link Buttons</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
+ <a class="btn" href="#">Click me</a>
26
+ </td>
27
+ </tr>
28
+ <tr>
29
+ <td>Primary</td>
30
+ <td id="primary">
31
+ <a class="btn btn-primary" href="#">Click me</a>
32
+ </td>
33
+ </tr>
34
+ <tr>
35
+ <td>Info</td>
36
+ <td id="info">
37
+ <a class="btn btn-info" href="#">Click me</a>
38
+ </td>
39
+ </tr>
40
+ <tr>
41
+ <td>Success</td>
42
+ <td id="success">
43
+ <a class="btn btn-success" href="#">Click me</a>
44
+ </td>
45
+ </tr>
46
+ <tr>
47
+ <td>Warning</td>
48
+ <td id="warning">
49
+ <a class="btn btn-warning" href="#">Click me</a>
50
+ </td>
51
+ </tr>
52
+ <tr>
53
+ <td>Danger</td>
54
+ <td id="danger">
55
+ <a class="btn btn-danger" href="#">Click me</a>
56
+ </td>
57
+ </tr>
58
+ <tr>
59
+ <td>Inverse</td>
60
+ <td id="inverse">
61
+ <a class="btn btn-inverse" href="#">Click me</a>
62
+ </td>
63
+ </tr>
64
+ <tr>
65
+ <td>Large</td>
66
+ <td id="large">
67
+ <a class="btn btn-large" href="#">Click me</a>
68
+ </td>
69
+ </tr>
70
+ <tr>
71
+ <td>Small</td>
72
+ <td id="small">
73
+ <a class="btn btn-small" href="#">Click me</a>
74
+ </td>
75
+ </tr>
76
+ <tr>
77
+ <td>Mini</td>
78
+ <td id="mini">
79
+ <a class="btn btn-mini" href="#">Click me</a>
80
+ </td>
81
+ </tr>
82
+ <tr>
83
+ <td>Mixed</td>
84
+ <td id="mixed">
85
+ <a class="btn btn-primary btn-large" href="#">Click me</a>
86
+ </td>
87
+ </tr>
88
+ </tbody>
89
+ </table>
90
+ <a href="index.html">back to index</a>
91
+ </div>
92
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
93
+ <script src="js/bootstrap.js" type="text/javascript"></script>
94
+ </body>
95
+ </html>
data/markup/nav_bars.html ADDED
@@ -0,0 +1,104 @@
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>Nav bars</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="navbar">
26
+ <div class="navbar-inner">
27
+ <div class="container">
28
+ <a class="brand" href="#">Brand</a>
29
+ <ul class="nav">
30
+ <li class="divider-vertical">
31
+ </li>
32
+ <li class="active"><a href="#">Link 1</a></li>
33
+ <li><a href="#">Link 2</a></li>
34
+ </ul>
35
+ <ul class="nav pull-right">
36
+ <li>
37
+ <a href="#">
38
+ <i title="logout" class="icon-off icon-white"></i>
39
+ </a>
40
+ </li>
41
+ </ul>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ </td>
46
+ </tr>
47
+ <tr>
48
+ <td>Top</td>
49
+ <td id="top">
50
+ <div class="navbar navbar-fixed-top">
51
+ <div class="navbar-inner">
52
+ <div class="container">
53
+ <a class="brand" href="#">Brand</a>
54
+ <ul class="nav">
55
+ <li class="divider-vertical">
56
+ </li>
57
+ <li class="active"><a href="#">Link 1</a></li>
58
+ <li><a href="#">Link 2</a></li>
59
+ </ul>
60
+ <ul class="nav pull-right">
61
+ <li>
62
+ <a href="#">
63
+ <i title="logout" class="icon-off icon-white"></i>
64
+ </a>
65
+ </li>
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </td>
71
+ </tr>
72
+ <tr>
73
+ <td>Bottom</td>
74
+ <td id="bottom">
75
+ <div class="navbar navbar-fixed-bottom">
76
+ <div class="navbar-inner">
77
+ <div class="container">
78
+ <a class="brand" href="#">Brand</a>
79
+ <ul class="nav">
80
+ <li class="divider-vertical">
81
+ </li>
82
+ <li class="active"><a href="#">Link 1</a></li>
83
+ <li><a href="#">Link 2</a></li>
84
+ </ul>
85
+ <ul class="nav pull-right">
86
+ <li>
87
+ <a href="#">
88
+ <i title="logout" class="icon-off icon-white"></i>
89
+ </a>
90
+ </li>
91
+ </ul>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </td>
96
+ </tr>
97
+ </tbody>
98
+ </table>
99
+ <a href="index.html">back to index</a>
100
+ </div>
101
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
102
+ <script src="js/bootstrap.js" type="text/javascript"></script>
103
+ </body>
104
+ </html>
data/markup/nav_lists.html ADDED
@@ -0,0 +1,54 @@
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>Nav lists</h2>
14
+ <table class="table table-bordered">
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 style="padding: 8px 0;" class="well">
26
+ <ul class="nav nav-list">
27
+ <li class="nav-header">Title</li>
28
+ <li>
29
+ <a href="#">
30
+ <i class="icon-search"></i>
31
+ Search
32
+ </a>
33
+ </li>
34
+ <li>
35
+ <a href="#">
36
+ <i class="icon-file"></i>
37
+ New
38
+ </a>
39
+ </li>
40
+ <li class="divider">
41
+ </li>
42
+ <li>Help</li>
43
+ </ul>
44
+ </div>
45
+ </td>
46
+ </tr>
47
+ </tbody>
48
+ </table>
49
+ <a href="index.html">back to index</a>
50
+ </div>
51
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
52
+ <script src="js/bootstrap.js" type="text/javascript"></script>
53
+ </body>
54
+ </html>
data/markup/paginations.html ADDED
@@ -0,0 +1,68 @@
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>Paginations</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="pagination">
26
+ <ul>
27
+ <li class="active"><a>Prev</a></li>
28
+ <li class="active"><a>1</a></li>
29
+ <li><a href="#">2</a></li>
30
+ <li><a href="#">Next</a></li>
31
+ </ul>
32
+ </div>
33
+ </td>
34
+ </tr>
35
+ <tr>
36
+ <td>Centered</td>
37
+ <td id="centered">
38
+ <div class="pagination pagination-centered">
39
+ <ul>
40
+ <li class="active"><a>Prev</a></li>
41
+ <li class="active"><a>1</a></li>
42
+ <li><a href="#">2</a></li>
43
+ <li><a href="#">Next</a></li>
44
+ </ul>
45
+ </div>
46
+ </td>
47
+ </tr>
48
+ <tr>
49
+ <td>Right</td>
50
+ <td id="right">
51
+ <div class="pagination pagination-right">
52
+ <ul>
53
+ <li class="active"><a>Prev</a></li>
54
+ <li class="active"><a>1</a></li>
55
+ <li><a href="#">2</a></li>
56
+ <li><a href="#">Next</a></li>
57
+ </ul>
58
+ </div>
59
+ </td>
60
+ </tr>
61
+ </tbody>
62
+ </table>
63
+ <a href="index.html">back to index</a>
64
+ </div>
65
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
66
+ <script src="js/bootstrap.js" type="text/javascript"></script>
67
+ </body>
68
+ </html>
data/markup/popovers.html ADDED
@@ -0,0 +1,56 @@
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>Popovers</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
+ <p>Text with <a href="#" rel="popover" data-original-title="Title popover" data-content="This is a full explanation" data-placement="right">advanced</a> popover</p>
26
+ </td>
27
+ </tr>
28
+ <tr>
29
+ <td>Left</td>
30
+ <td id="left">
31
+ <p>Text with <a href="#" rel="popover" data-original-title="Title popover" data-content="This is a full explanation" data-placement="left">advanced</a> popover</p>
32
+ </td>
33
+ </tr>
34
+ <tr>
35
+ <td>Top</td>
36
+ <td id="top">
37
+ <p>Text with <a href="#" rel="popover" data-original-title="Title popover" data-content="This is a full explanation" data-placement="top">advanced</a> popover</p>
38
+ </td>
39
+ </tr>
40
+ <tr>
41
+ <td>Bottom</td>
42
+ <td id="bottom">
43
+ <p>Text with <a href="#" rel="popover" data-original-title="Title popover" data-content="This is a full explanation" data-placement="bottom">advanced</a> popover</p>
44
+ </td>
45
+ </tr>
46
+ </tbody>
47
+ </table>
48
+ <a href="index.html">back to index</a>
49
+ </div>
50
+ <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
51
+ <script src="js/bootstrap.js" type="text/javascript"></script>
52
+ <script>
53
+ $("[rel=popover]").popover();
54
+ </script>
55
+ </body>
56
+ </html>