RubyGems - twitter_bootstrap_markup - Versions diffs - 0.0.3 → 0.0.4 - Mend

twitter_bootstrap_markup 0.0.3 → 0.0.4

Files changed (123) hide show

data/.gitignore +4 -4
data/Gemfile +4 -4
data/README.md +28 -28
data/Rakefile +1 -1
data/lib/twitter_bootstrap_markup.rb +52 -52
data/lib/twitter_bootstrap_markup/add_on.rb +8 -8
data/lib/twitter_bootstrap_markup/alert.rb +35 -35
data/lib/twitter_bootstrap_markup/badge.rb +4 -4
data/lib/twitter_bootstrap_markup/brand.rb +8 -8
data/lib/twitter_bootstrap_markup/breadcrumb.rb +21 -21
data/lib/twitter_bootstrap_markup/button.rb +16 -16
data/lib/twitter_bootstrap_markup/button_base.rb +44 -44
data/lib/twitter_bootstrap_markup/control_group.rb +25 -25
data/lib/twitter_bootstrap_markup/divider.rb +29 -29
data/lib/twitter_bootstrap_markup/dropdown_button.rb +58 -58
data/lib/twitter_bootstrap_markup/dropdown_link.rb +29 -29
data/lib/twitter_bootstrap_markup/extended_input.rb +10 -10
data/lib/twitter_bootstrap_markup/extension/hash.rb +10 -10
data/lib/twitter_bootstrap_markup/fieldset.rb +17 -17
data/lib/twitter_bootstrap_markup/form.rb +26 -26
data/lib/twitter_bootstrap_markup/grid_column.rb +13 -13
data/lib/twitter_bootstrap_markup/grid_row.rb +8 -8
data/lib/twitter_bootstrap_markup/help.rb +23 -23
data/lib/twitter_bootstrap_markup/icon.rb +17 -17
data/lib/twitter_bootstrap_markup/input.rb +24 -24
data/lib/twitter_bootstrap_markup/input_size.rb +21 -21
data/lib/twitter_bootstrap_markup/label.rb +4 -4
data/lib/twitter_bootstrap_markup/label_base.rb +32 -32
data/lib/twitter_bootstrap_markup/link.rb +16 -16
data/lib/twitter_bootstrap_markup/link_button.rb +17 -17
data/lib/twitter_bootstrap_markup/nav_bar.rb +33 -33
data/lib/twitter_bootstrap_markup/nav_container.rb +9 -9
data/lib/twitter_bootstrap_markup/nav_header.rb +8 -8
data/lib/twitter_bootstrap_markup/nav_list.rb +15 -15
data/lib/twitter_bootstrap_markup/nav_list_container.rb +9 -9
data/lib/twitter_bootstrap_markup/nav_tab.rb +9 -9
data/lib/twitter_bootstrap_markup/nav_tab_container.rb +12 -12
data/lib/twitter_bootstrap_markup/page_header.rb +16 -16
data/lib/twitter_bootstrap_markup/pagination.rb +28 -28
data/lib/twitter_bootstrap_markup/popover.rb +19 -19
data/lib/twitter_bootstrap_markup/progress_bar.rb +42 -42
data/lib/twitter_bootstrap_markup/select.rb +54 -54
data/lib/twitter_bootstrap_markup/side_position.rb +14 -14
data/lib/twitter_bootstrap_markup/submit.rb +9 -9
data/lib/twitter_bootstrap_markup/tab.rb +13 -13
data/lib/twitter_bootstrap_markup/tab_content.rb +28 -28
data/lib/twitter_bootstrap_markup/table.rb +28 -28
data/lib/twitter_bootstrap_markup/tag.rb +62 -62
data/lib/twitter_bootstrap_markup/tag_builder.rb +21 -21
data/lib/twitter_bootstrap_markup/textarea.rb +14 -14
data/lib/twitter_bootstrap_markup/tooltip.rb +18 -18
data/lib/twitter_bootstrap_markup/ul_container.rb +27 -27
data/lib/twitter_bootstrap_markup/version.rb +3 -3
data/lib/twitter_bootstrap_markup/well.rb +27 -27
data/markup/alerts.html +74 -74
data/markup/badges.html +64 -64
data/markup/breadcrumbs.html +58 -58
data/markup/buttons.html +94 -94
data/markup/control_groups.html +76 -76
data/markup/css/bootstrap-responsive.css +815 -815
data/markup/css/bootstrap-responsive.min.css +9 -9
data/markup/css/bootstrap.css +4914 -4914
data/markup/css/bootstrap.min.css +727 -727
data/markup/dropdown_buttons.html +247 -247
data/markup/dropdown_links.html +111 -111
data/markup/form_fields.html +87 -87
data/markup/forms.html +80 -80
data/markup/grid_system.html +86 -86
data/markup/index.html +38 -38
data/markup/js/bootstrap.js +1835 -1835
data/markup/js/bootstrap.min.js +6 -6
data/markup/js/jquery-1.7.2.js +9402 -9402
data/markup/labels.html +64 -64
data/markup/link_buttons.html +94 -94
data/markup/nav_bars.html +103 -103
data/markup/nav_lists.html +53 -53
data/markup/paginations.html +67 -67
data/markup/popovers.html +55 -55
data/markup/progress_bars.html +92 -92
data/markup/selects.html +123 -123
data/markup/tabs.html +45 -45
data/markup/textareas.html +89 -89
data/markup/textboxes.html +94 -94
data/markup/tooltips.html +55 -55
data/spec/add_on_spec.rb +9 -9
data/spec/alert_spec.rb +77 -77
data/spec/badge_spec.rb +40 -28
data/spec/brand_spec.rb +9 -9
data/spec/breadcrumb_spec.rb +32 -32
data/spec/button_spec.rb +51 -51
data/spec/control_group_spec.rb +28 -28
data/spec/divider_spec.rb +16 -16
data/spec/dropdown_button_spec.rb +100 -100
data/spec/dropdown_link_spec.rb +47 -47
data/spec/fieldset_spec.rb +21 -21
data/spec/form_fields_spec.rb +70 -70
data/spec/form_spec.rb +34 -34
data/spec/grid_system_spec.rb +68 -68
data/spec/help_spec.rb +12 -12
data/spec/icon_spec.rb +17 -17
data/spec/input_spec.rb +10 -10
data/spec/label_spec.rb +40 -28
data/spec/link_button_spec.rb +51 -51
data/spec/link_spec.rb +28 -28
data/spec/nav_bar_spec.rb +37 -37
data/spec/nav_list_spec.rb +39 -39
data/spec/page_header_spec.rb +12 -12
data/spec/pagination_spec.rb +17 -17
data/spec/popover_spec.rb +14 -14
data/spec/progress_bar_spec.rb +52 -52
data/spec/select_spec.rb +59 -59
data/spec/spec_helper.rb +11 -11
data/spec/support/helpers/html_helper.rb +10 -10
data/spec/table_spec.rb +32 -32
data/spec/tabs_spec.rb +21 -21
data/spec/tag_builder_spec.rb +37 -37
data/spec/tag_spec.rb +51 -51
data/spec/text_area_spec.rb +42 -42
data/spec/textbox_spec.rb +59 -59
data/spec/tooltip_spec.rb +14 -14
data/spec/well_spec.rb +16 -16
data/twitter_bootstrap_markup.gemspec +25 -25
metadata +25 -9

@@ -1,54 +1,54 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Twitter Bootstrap Markup</title>
-    <!--[if lt IE 9]>
-    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
-    <![endif]-->
-    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
-    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
-</head>
-<body>
-<div class="container">
-    <h2>Nav lists</h2>
-    <table class="table table-bordered">
-        <thead>
-        <tr>
-            <th class="span2">Name</th>
-            <th>Component</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td>Default</td>
-            <td id="default">
-                <div style="padding: 8px 0;" class="well">
-                    <ul class="nav nav-list">
-                        <li class="nav-header">Title</li>
-                        <li>
-                            <a href="#">
-                                <i class="icon-search"></i>
-                                Search
-                            </a>
-                        </li>
-                        <li>
-                            <a href="#">
-                                <i class="icon-file"></i>
-                                New
-                            </a>
-                        </li>
-                        <li class="divider">
-                        </li>
-                        <li>Help</li>
-                    </ul>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <a href="index.html">back to index</a>
-</div>
-<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
-<script src="js/bootstrap.js" type="text/javascript"></script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Nav lists</h2>
+    <table class="table table-bordered">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <div style="padding: 8px 0;" class="well">
+                    <ul class="nav nav-list">
+                        <li class="nav-header">Title</li>
+                        <li>
+                            <a href="#">
+                                <i class="icon-search"></i>
+                                Search
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#">
+                                <i class="icon-file"></i>
+                                New
+                            </a>
+                        </li>
+                        <li class="divider">
+                        </li>
+                        <li>Help</li>
+                    </ul>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
 </html>

data/markup/paginations.html CHANGED

@@ -1,68 +1,68 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Twitter Bootstrap Markup</title>
-    <!--[if lt IE 9]>
-    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
-    <![endif]-->
-    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
-    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
-</head>
-<body>
-<div class="container">
-    <h2>Paginations</h2>
-    <table class="table table-bordered table-striped">
-        <thead>
-        <tr>
-            <th class="span2">Name</th>
-            <th>Component</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td>Default</td>
-            <td id="default">
-                <div class="pagination">
-                    <ul>
-                        <li class="active"><a>Prev</a></li>
-                        <li class="active"><a>1</a></li>
-                        <li><a href="#">2</a></li>
-                        <li><a href="#">Next</a></li>
-                    </ul>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Centered</td>
-            <td id="centered">
-                <div class="pagination pagination-centered">
-                    <ul>
-                        <li class="active"><a>Prev</a></li>
-                        <li class="active"><a>1</a></li>
-                        <li><a href="#">2</a></li>
-                        <li><a href="#">Next</a></li>
-                    </ul>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Right</td>
-            <td id="right">
-                <div class="pagination pagination-right">
-                    <ul>
-                        <li class="active"><a>Prev</a></li>
-                        <li class="active"><a>1</a></li>
-                        <li><a href="#">2</a></li>
-                        <li><a href="#">Next</a></li>
-                    </ul>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <a href="index.html">back to index</a>
-</div>
-<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
-<script src="js/bootstrap.js" type="text/javascript"></script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Paginations</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <div class="pagination">
+                    <ul>
+                        <li class="active"><a>Prev</a></li>
+                        <li class="active"><a>1</a></li>
+                        <li><a href="#">2</a></li>
+                        <li><a href="#">Next</a></li>
+                    </ul>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Centered</td>
+            <td id="centered">
+                <div class="pagination pagination-centered">
+                    <ul>
+                        <li class="active"><a>Prev</a></li>
+                        <li class="active"><a>1</a></li>
+                        <li><a href="#">2</a></li>
+                        <li><a href="#">Next</a></li>
+                    </ul>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Right</td>
+            <td id="right">
+                <div class="pagination pagination-right">
+                    <ul>
+                        <li class="active"><a>Prev</a></li>
+                        <li class="active"><a>1</a></li>
+                        <li><a href="#">2</a></li>
+                        <li><a href="#">Next</a></li>
+                    </ul>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
 </html>

data/markup/popovers.html CHANGED

@@ -1,56 +1,56 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Twitter Bootstrap Markup</title>
-    <!--[if lt IE 9]>
-    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
-    <![endif]-->
-    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
-    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
-</head>
-<body>
-<div class="container">
-    <h2>Popovers</h2>
-    <table class="table table-bordered table-striped">
-        <thead>
-        <tr>
-            <th class="span2">Name</th>
-            <th>Component</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td>Default</td>
-            <td id="default">
-                <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>
-            </td>
-        </tr>
-        <tr>
-            <td>Left</td>
-            <td id="left">
-                <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>
-            </td>
-        </tr>
-        <tr>
-            <td>Top</td>
-            <td id="top">
-                <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>
-            </td>
-        </tr>
-        <tr>
-            <td>Bottom</td>
-            <td id="bottom">
-                <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>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <a href="index.html">back to index</a>
-</div>
-<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
-<script src="js/bootstrap.js" type="text/javascript"></script>
-<script>
-    $("[rel=popover]").popover();
-</script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Popovers</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <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>
+            </td>
+        </tr>
+        <tr>
+            <td>Left</td>
+            <td id="left">
+                <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>
+            </td>
+        </tr>
+        <tr>
+            <td>Top</td>
+            <td id="top">
+                <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>
+            </td>
+        </tr>
+        <tr>
+            <td>Bottom</td>
+            <td id="bottom">
+                <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>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+<script>
+    $("[rel=popover]").popover();
+</script>
+</body>
 </html>

data/markup/progress_bars.html CHANGED

@@ -1,93 +1,93 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <title>Twitter Bootstrap Markup</title>
-    <!--[if lt IE 9]>
-    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
-    <![endif]-->
-    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
-    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
-</head>
-<body>
-<div class="container">
-    <h2>Progress bars</h2>
-    <table class="table table-bordered table-striped">
-        <thead>
-        <tr>
-            <th class="span2">Name</th>
-            <th>Component</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td>Default</td>
-            <td id="default">
-                <div class="progress">
-                    <div class="bar" style="width: 30%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Info</td>
-            <td id="info">
-                <div class="progress progress-info">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Success</td>
-            <td id="success">
-                <div class="progress progress-success">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Danger</td>
-            <td id="danger">
-                <div class="progress progress-danger">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Warning</td>
-            <td id="warning">
-                <div class="progress progress-warning">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Striped</td>
-            <td id="striped">
-                <div class="progress progress-striped">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Animated</td>
-            <td id="animated">
-                <div class="progress progress-striped active">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        <tr>
-            <td>Mixed</td>
-            <td id="mixed">
-                <div class="progress progress-info progress-striped">
-                    <div class="bar" style="width: 60%;"></div>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <a href="index.html">back to index</a>
-</div>
-<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
-<script src="js/bootstrap.js" type="text/javascript"></script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Twitter Bootstrap Markup</title>
+    <!--[if lt IE 9]>
+    <script src='http://html5shim.googlecode/svn/trunk/html5.js' type='text/javascript'></script>
+    <![endif]-->
+    <link href="css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"/>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+</head>
+<body>
+<div class="container">
+    <h2>Progress bars</h2>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th class="span2">Name</th>
+            <th>Component</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>Default</td>
+            <td id="default">
+                <div class="progress">
+                    <div class="bar" style="width: 30%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Info</td>
+            <td id="info">
+                <div class="progress progress-info">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Success</td>
+            <td id="success">
+                <div class="progress progress-success">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Danger</td>
+            <td id="danger">
+                <div class="progress progress-danger">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Warning</td>
+            <td id="warning">
+                <div class="progress progress-warning">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Striped</td>
+            <td id="striped">
+                <div class="progress progress-striped">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Animated</td>
+            <td id="animated">
+                <div class="progress progress-striped active">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        <tr>
+            <td>Mixed</td>
+            <td id="mixed">
+                <div class="progress progress-info progress-striped">
+                    <div class="bar" style="width: 60%;"></div>
+                </div>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <a href="index.html">back to index</a>
+</div>
+<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
+<script src="js/bootstrap.js" type="text/javascript"></script>
+</body>
 </html>