updated index of docs to use html5 self closing tags, add responsive shell to bootstrap file
This commit is contained in:
Mark Otto
parent
f4fc56b1b3
commit
fbe22f0580
|
|
@ -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) {
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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){}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -23,4 +23,7 @@
|
|||
@import "type.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
@import "patterns.less";
|
||||
@import "patterns.less";
|
||||
|
||||
// Responsive
|
||||
@import "responsive.less";
|
||||
Loading…
Reference in New Issue