]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
rebuild base-css
authorJacob Thornton <jacobthornton@gmail.com>
Tue, 24 Jan 2012 21:48:05 +0000 (13:48 -0800)
committerJacob Thornton <jacobthornton@gmail.com>
Tue, 24 Jan 2012 21:48:05 +0000 (13:48 -0800)
docs/base-css.html

index 6485d76a227fd40bead42d25139bc0b84b0a541a..92117b80ef72ec4d333d6e656afd2e897e2f6188 100644 (file)
         <td>
 <pre>&lt;div&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>
           <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>
           <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;
   &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>
 <pre class="prettyprint linenums">&lt;div&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>
           <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>
 &lt;table&gt;
   &lt;thead&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;/thead&gt;
   &lt;tbody&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;/tbody&gt;
 &lt;/table&gt;
       <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">
 &lt;table class="table"&gt;
-  ...
+  …
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
       <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;">
 &lt;table class="table table-striped"&gt;
-  ...
+  …
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
       <p>Add borders around the entire table and rounded corners for aesthetic purposes.</p>
 <pre class="prettyprint linenums">
 &lt;table class="table table-bordered"&gt;
-  ...
+  …
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
   <h3>4. Condensed table</h3>
   <div class="row">
     <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;">
 &lt;table class="table table-condensed"&gt;
-  ...
+  …
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
   <h3>5. Striped table w/ TableSorter.js</h3>
   <div class="row">
     <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">
 &lt;script src="jquery.tablesorter.js"&gt;&lt;/script&gt;
 &lt;script &gt;
   });
 &lt;/script&gt;
 &lt;table class="table table-striped"&gt;
-  ...
+  …
 &lt;/table&gt;</pre>
     </div>
     <div class="span8">
       <p>With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.</p>
       <form class="well">
         <label>Label name</label>
-        <input type="text" class="span3" placeholder="Type something...">
+        <input type="text" class="span3" placeholder="Type something">
         <label class="checkbox">
           <input type="checkbox"> Check me out
         </label>
         <fieldset class="control-group">
           <label class="control-label" for="focusedInput">Focused input</label>
           <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>
         </fieldset>
         <fieldset class="control-group">
           <label class="control-label" for="disabledInput">Disabled input</label>
           <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>
         </fieldset>
         <fieldset class="control-group">
 <pre class="prettyprint linenums">
 &lt;fieldset
   class="control-group error"&gt;
-  ...
+  …
 &lt;/fieldset&gt;
 </pre>
       </div>
         <a href="#" class="btn large disabled">Action</a>
       </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>
     </div>
   </div>