twitter_bootstrap_markup 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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>