0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00

rebuild base-css

This commit is contained in:
Jacob Thornton 2012-01-24 13:48:05 -08:00
parent 9e7f4ebd77
commit 3aea86370d

View File

@ -358,7 +358,7 @@
<td> <td>
<pre>&lt;div&gt; <pre>&lt;div&gt;
&lt;h1&gt;Heading&lt;/h1&gt; &lt;h1&gt;Heading&lt;/h1&gt;
&lt;p&gt;Something right here...&lt;/p&gt; &lt;p&gt;Something right here&lt;/p&gt;
&lt;/div&gt;</pre> &lt;/div&gt;</pre>
<p><strong>Note:</strong> Be sure to keep code within <code>&lt;pre&gt;</code> tags as close to the left as possible; it will render all tabs.</p> <p><strong>Note:</strong> Be sure to keep code within <code>&lt;pre&gt;</code> tags as close to the left as possible; it will render all tabs.</p>
</td> </td>
@ -369,11 +369,11 @@
<p>Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.</p> <p>Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.</p>
<pre class="prettyprint">&lt;div&gt; <pre class="prettyprint">&lt;div&gt;
&lt;h1&gt;Heading&lt;/h1&gt; &lt;h1&gt;Heading&lt;/h1&gt;
&lt;p&gt;Something right here...&lt;/p&gt; &lt;p&gt;Something right here&lt;/p&gt;
&lt;/div&gt;</pre> &lt;/div&gt;</pre>
<pre class="prettyprint linenums">&lt;div&gt; <pre class="prettyprint linenums">&lt;div&gt;
&lt;h1&gt;Heading&lt;/h1&gt; &lt;h1&gt;Heading&lt;/h1&gt;
&lt;p&gt;Something right here...&lt;/p&gt; &lt;p&gt;Something right here&lt;/p&gt;
&lt;/div&gt;</pre> &lt;/div&gt;</pre>
<p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.</p> <p><a href="http://code.google.com/p/google-code-prettify/">Download google-code-prettify</a> and view the readme for <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html">how to use</a>.</p>
</td> </td>
@ -521,14 +521,14 @@
&lt;table&gt; &lt;table&gt;
&lt;thead&gt; &lt;thead&gt;
&lt;tr&gt; &lt;tr&gt;
&lt;th&gt;...&lt;/th&gt; &lt;th&gt;&lt;/th&gt;
&lt;th&gt;...&lt;/th&gt; &lt;th&gt;&lt;/th&gt;
&lt;/tr&gt; &lt;/tr&gt;
&lt;/thead&gt; &lt;/thead&gt;
&lt;tbody&gt; &lt;tbody&gt;
&lt;tr&gt; &lt;tr&gt;
&lt;td&gt;...&lt;/td&gt; &lt;td&gt;&lt;/td&gt;
&lt;td&gt;...&lt;/td&gt; &lt;td&gt;&lt;/td&gt;
&lt;/tr&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/tbody&gt;
&lt;/table&gt; &lt;/table&gt;
@ -591,7 +591,7 @@
<p>Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the <code>.table</code> class is required.</p> <p>Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the <code>.table</code> class is required.</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;table class="table"&gt; &lt;table class="table"&gt;
...
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
@ -636,7 +636,7 @@
<p class="muted"><strong>Note:</strong> Sprited tables use the <code>:nth-child</code> CSS selector and is not available in IE7-IE8.</p> <p class="muted"><strong>Note:</strong> Sprited tables use the <code>:nth-child</code> CSS selector and is not available in IE7-IE8.</p>
<pre class="prettyprint linenums" style="margin-bottom: 18px;"> <pre class="prettyprint linenums" style="margin-bottom: 18px;">
&lt;table class="table table-striped"&gt; &lt;table class="table table-striped"&gt;
...
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
@ -680,7 +680,7 @@
<p>Add borders around the entire table and rounded corners for aesthetic purposes.</p> <p>Add borders around the entire table and rounded corners for aesthetic purposes.</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;table class="table table-bordered"&gt; &lt;table class="table table-bordered"&gt;
...
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
@ -725,10 +725,10 @@
<h3>4. Condensed table</h3> <h3>4. Condensed table</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Make your tables more compact by adding the <code>.table-condensed</code> class to cut table cell padding in half (from 10px to 5px).</p> <p>Make your tables more compact by adding the <code>.table-condensed</code> class to cut table cell padding in half (from 8px to 4px).</p>
<pre class="prettyprint linenums" style="margin-bottom: 18px;"> <pre class="prettyprint linenums" style="margin-bottom: 18px;">
&lt;table class="table table-condensed"&gt; &lt;table class="table table-condensed"&gt;
...
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
@ -770,7 +770,7 @@
<h3>5. Striped table w/ TableSorter.js</h3> <h3>5. Striped table w/ TableSorter.js</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Include the <a href="http://jquery.com">jQuery</a> <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin and automaically get clear styles for sorted columns.</p> <p>Include the <a href="http://jquery.com">jQuery</a> <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin and automatically get clear styles for sorted columns.</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;script src="jquery.tablesorter.js"&gt;&lt;/script&gt; &lt;script src="jquery.tablesorter.js"&gt;&lt;/script&gt;
&lt;script &gt; &lt;script &gt;
@ -782,7 +782,7 @@
}); });
&lt;/script&gt; &lt;/script&gt;
&lt;table class="table table-striped"&gt; &lt;table class="table table-striped"&gt;
...
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
@ -937,7 +937,7 @@
<p>With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.</p> <p>With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.</p>
<form class="well"> <form class="well">
<label>Label name</label> <label>Label name</label>
<input type="text" class="span3" placeholder="Type something..."> <input type="text" class="span3" placeholder="Type something">
<label class="checkbox"> <label class="checkbox">
<input type="checkbox"> Check me out <input type="checkbox"> Check me out
</label> </label>
@ -1057,13 +1057,13 @@
<fieldset class="control-group"> <fieldset class="control-group">
<label class="control-label" for="focusedInput">Focused input</label> <label class="control-label" for="focusedInput">Focused input</label>
<div class="controls"> <div class="controls">
<input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="This is focused..."> <input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="This is focused">
</div> </div>
</fieldset> </fieldset>
<fieldset class="control-group"> <fieldset class="control-group">
<label class="control-label" for="disabledInput">Disabled input</label> <label class="control-label" for="disabledInput">Disabled input</label>
<div class="controls"> <div class="controls">
<input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="Disabled input here..." disabled> <input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="Disabled input here" disabled>
</div> </div>
</fieldset> </fieldset>
<fieldset class="control-group"> <fieldset class="control-group">
@ -1112,7 +1112,7 @@
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;fieldset &lt;fieldset
class="control-group error"&gt; class="control-group error"&gt;
...
&lt;/fieldset&gt; &lt;/fieldset&gt;
</pre> </pre>
</div> </div>
@ -1296,7 +1296,8 @@
<a href="#" class="btn large disabled">Action</a> <a href="#" class="btn large disabled">Action</a>
</p> </p>
<p> <p>
<button class="btn large primary disabled" disabled="disabled">Primary action</button>&nbsp;<button class="btn large" disabled>Action</button> <button class="btn large primary disabled" disabled="disabled">Primary action</button>
<button class="btn large" disabled>Action</button>
</p> </p>
</div> </div>
</div> </div>