Remove .nav-list given new .list-group

3 files changed, 7 insertions, 49 deletions

diff --git a/docs/_includes/docs-nav.html b/docs/_includes/docs-nav.html
index 652b845cd..1eccba357 100644
--- a/docs/_includes/docs-nav.html
+++ b/docs/_includes/docs-nav.html
@@ -107,7 +107,6 @@
       <ul class="nav">
         <li><a href="#nav-tabs">Tabs nav</a></li>
         <li><a href="#nav-pills">Pills nav</a></li>
-        <li><a href="#nav-list">List nav</a></li>
         <li><a href="#nav-justified">Justified nav</a></li>
         <li><a href="#nav-disabled-links">Disabled links</a></li>
         <li><a href="#nav-alignment">Alignment options</a></li>
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index fcbc5d580..8e5a3dbc5 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3267,30 +3267,6 @@ button.close {
   text-align: center;
 }
 
-.nav-list > li > a {
-  margin-bottom: -1px;
-  border: 1px solid #e5e5e5;
-}
-
-.nav-list > li:first-child > a {
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
-}
-
-.nav-list > li:last-child > a {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-
-.nav-list > .active > a,
-.nav-list > .active > a:hover,
-.nav-list > .active > a:focus {
-  z-index: 2;
-  color: #fff;
-  background-color: #428bca;
-  border-color: #428bca;
-}
-
 .nav > .disabled > a {
   color: #999999;
 }
@@ -4803,7 +4779,7 @@ a.badge:focus {
   top: 0;
 }
 
-.nav-list > .active > a > .badge,
+a.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
   color: #428bca;
   background-color: #fff;
diff --git a/docs/docs.html b/docs/docs.html
index 844a467d2..4c491d686 100644
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -2509,7 +2509,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
     <h4>Navigation</h4>
     <div class="bs-docs-example">
-      <ul class="nav nav-list">
+      <ul class="nav nav-pills nav-stacked">
         <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
         <li><a href="#"><span class="glyphicon glyphicon-book"></span> Library</a></li>
         <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Applications</a></li>
@@ -2517,7 +2517,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
       </ul>
     </div><!-- /bs-docs-example -->
 {% highlight html linenos %}
-<ul class="nav nav-list">
+<ul class="nav nav-pills nav-stacked">
   <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
   <li><a href="#"><span class="glyphicon glyphicon-book"></span> Library</a></li>
   <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Applications</a></li>
@@ -3096,23 +3096,6 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 </ul>
 {% endhighlight %}
 
-    <h2 id="nav-list">List</h2>
-    <p>Swap the tabs class for <code>.nav-list</code>.</p>
-    <div class="bs-docs-example">
-      <ul class="nav nav-list" style="max-width: 300px;">
-        <li class="active"><a href="#">Home</a></li>
-        <li><a href="#">Profile</a></li>
-        <li><a href="#">Messages</a></li>
-      </ul>
-    </div>
-{% highlight html linenos %}
-<ul class="nav nav-list">
-  <li class="active"><a href="#">Home</a></li>
-  <li><a href="#">Profile</a></li>
-  <li><a href="#">Messages</a></li>
-</ul>
-{% endhighlight %}
-
     <h2 id="nav-pills">Pills</h2>
     <p>Take that same HTML, but use <code>.nav-pills</code> instead:</p>
     <div class="bs-docs-example">
@@ -3889,7 +3872,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
         <li><a href="#">Messages <span class="badge">3</span></a></li>
       </ul>
       <br>
-      <ul class="nav nav-list" style="max-width: 260px;">
+      <ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
         <li class="active">
           <a href="#">
             <span class="badge pull-right">42</span>
@@ -4510,15 +4493,15 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
       <div class="list-group">
         <a href="#" class="list-group-item active">
           <h4 class="list-group-item-heading">List group item heading</h4>
-          <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+          <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
         </a>
         <a href="#" class="list-group-item">
           <h4 class="list-group-item-heading">List group item heading</h4>
-          <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+          <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
         </a>
         <a href="#" class="list-group-item">
           <h4 class="list-group-item-heading">List group item heading</h4>
-          <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
+          <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
         </a>
       </div>
     </div>