change up list classes to use .list- prefix

docs/templates/pages/base-css.mustache

@@ -289,7 +289,7 @@
         <h3>{{_i}}Unstyled{{/i}}</h3>
         <p>{{_i}}Remove default the <code>list-style</code> and left padding on list items (immediate children only).{{/i}}</p>
         <div class="bs-docs-example">
-          <ul class="unstyled">
+          <ul class="list-unstyled">
             <li>Lorem ipsum dolor sit amet</li>
             <li>Consectetur adipiscing elit</li>
             <li>Integer molestie lorem at massa</li>
@@ -308,7 +308,7 @@
           </ul>
         </div>
 <pre class="prettyprint linenums">
-&lt;ul class="unstyled"&gt;
+&lt;ul class="list-unstyled"&gt;
   &lt;li&gt;...&lt;/li&gt;
 &lt;/ul&gt;
 </pre>
@@ -316,14 +316,14 @@
         <h3>{{_i}}Inline{{/i}}</h3>
         <p>{{_i}}Place all list items on a single line with <code>inline-block</code> and some light padding.{{/i}}</p>
         <div class="bs-docs-example">
-          <ul class="inline">
+          <ul class="list-inline">
             <li>Lorem ipsum</li>
             <li>Phasellus iaculis</li>
             <li>Nulla volutpat</li>
           </ul>
         </div>
 <pre class="prettyprint linenums">
-&lt;ul class="inline"&gt;
+&lt;ul class="list-inline"&gt;
   &lt;li&gt;...&lt;/li&gt;
 &lt;/ul&gt;
 </pre>