From fbe22f05800a3ce4ae3a880914d8e03cb1e01d1b Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Sat, 15 Oct 2011 17:21:39 -0700
Subject: [PATCH] updated index of docs to use html5 self closing tags, add
responsive shell to bootstrap file
---
bootstrap.css | 8 +++++++-
bootstrap.min.css | 1 +
docs/index.html | 22 +++++++++++-----------
lib/bootstrap.less | 5 ++++-
4 files changed, 23 insertions(+), 13 deletions(-)
diff --git a/bootstrap.css b/bootstrap.css
index abf43ed3d8..60cc8213f3 100644
--- a/bootstrap.css
+++ b/bootstrap.css
@@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Tue Oct 11 23:51:38 PDT 2011
+ * Date: Sat Oct 15 17:19:53 PDT 2011
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -2416,3 +2416,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
+/* Responsive.less
+ * For phone and tablet devices
+ * ------------------------------------------------------------- */
+@media (max-width: 480px) {
+
+}
diff --git a/bootstrap.min.css b/bootstrap.min.css
index 62be2279a3..770bd1dc66 100644
--- a/bootstrap.min.css
+++ b/bootstrap.min.css
@@ -338,3 +338,4 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;
.media-grid li{display:inline;}
.media-grid a{float:left;padding:4px;margin:0 0 20px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
.media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
+@media (max-width: 480px){}
diff --git a/docs/index.html b/docs/index.html
index 0d46084c18..4dd45f5f96 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -81,8 +81,8 @@
<div class="inner">
<h1>Bootstrap, from Twitter</h1>
<p class="lead">
- Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.<br />
- It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br />
+ Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.<br>
+ It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br>
</p>
<p><strong>Nerd alert:</strong> Bootstrap is <a href="#less" title="Read about using Bootstrap with Less">built with Less</a> and was designed to work out of the gate with modern browsers in mind.</p>
</div>
@@ -491,15 +491,15 @@
<div class="row">
<div class="span4">
<address>
- <strong>Twitter, Inc.</strong><br />
- 795 Folsom Ave, Suite 600<br />
- San Francisco, CA 94107<br />
+ <strong>Twitter, Inc.</strong><br>
+ 795 Folsom Ave, Suite 600<br>
+ San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
</div>
<div class="span4">
<address>
- <strong>Full Name</strong><br />
+ <strong>Full Name</strong><br>
<a mailto="">first.last@gmail.com</a>
</address>
</div>
@@ -966,7 +966,7 @@
<fieldset class="control-group">
<label class="control-label" for="fileInput">File input</label>
<div class="controls">
- <input class="input-file" id="fileInput" name="fileInput" type="file" />
+ <input class="input-file" id="fileInput" name="fileInput" type="file">
</div>
</fieldset>
<fieldset class="control-group has-error">
@@ -1010,11 +1010,11 @@
<div class="controls">
<div class="control-list">
<label>
- <input type="radio" checked name="optionsRadios" value="option1" />
+ <input type="radio" checked name="optionsRadios" value="option1">
<span>Option one is this and that—be sure to include why it’s great</span>
</label>
<label>
- <input type="radio" name="optionsRadios" value="option2" />
+ <input type="radio" name="optionsRadios" value="option2">
<span>Option two can is something else and selecting it will deselect options 1</span>
</label>
</div>
@@ -1306,7 +1306,7 @@
</div>
<p><strong>Note:</strong> When using the topbar on any page, be sure to account for the overlap it causes by adding <code>padding-top: 40px;</code> to your <code>body</code>.</p>
- <br />
+ <br>
<div class="row">
<div class="span4">
@@ -2015,7 +2015,7 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
<div class="container">
<p class="pull-right"><a href="#">Back to top</a></p>
<p>
- Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br />
+ Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.<br>
Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
</p>
</div>
diff --git a/lib/bootstrap.less b/lib/bootstrap.less
index 62f2ce916d..9665306fd5 100644
--- a/lib/bootstrap.less
+++ b/lib/bootstrap.less
@@ -23,4 +23,7 @@
@import "type.less";
@import "forms.less";
@import "tables.less";
-@import "patterns.less";
\ No newline at end of file
+@import "patterns.less";
+
+// Responsive
+@import "responsive.less";
\ No newline at end of file
--
GitLab