rearranging test case

src/test.html

@@ -385,63 +385,64 @@ relative_path: ../
   </div>
 
 
-  <h3>Nav pills & nav tabs <small>should be same height</small></h3>
-  <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
-    <li class="active"><a href="#">Nav Item 1</a></li>
-    <li class="dropdown active">
-      <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
-        Nav Item 2
-        <span class="caret"></span>
-      </a>
-      <ul class="dropdown-menu" role="menu">
-        <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-        <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
-      </ul>
-    </li>
-    <li class="dropdown active">
-      <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
-        Nav Item 3
-        <i class="icon-caret-down"></i>
-      </a>
-      <ul class="dropdown-menu" role="menu">
-        <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-        <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
-      </ul>
-    </li>
-    <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
-    <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
-    <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
-    <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
-  </ul>
-  <ul class="nav nav-tabs">
-    <li class="active"><a href="#">Nav Item 1</a></li>
-    <li class="dropdown active">
-      <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
-        Nav Item 2
-        <span class="caret"></span>
-      </a>
-      <ul class="dropdown-menu" role="menu">
-        <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-        <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+  <h3>Nav pills & nav tabs <small>should be same height and properly vertically aligned</small></h3>
+  <div class="row">
+    <div class="span9">
+      <ul class="nav nav-pills" style="border: solid 1px #d3d3d3;">
+        <li class="active"><a href="#">Nav Item 1</a></li>
+        <li class="dropdown active">
+          <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+            Nav Item 2
+            <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+          </ul>
+        </li>
+        <li class="dropdown active">
+          <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+            Nav Item 3
+            <i class="icon-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+          </ul>
+        </li>
+        <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
+        <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+        <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
+        <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
       </ul>
-    </li>
-    <li class="dropdown active">
-      <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
-        Nav Item 3
-        <i class="icon-caret-down"></i>
-      </a>
-      <ul class="dropdown-menu" role="menu">
-        <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
-        <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+      <ul class="nav nav-tabs">
+        <li class="active"><a href="#">Nav Item 1</a></li>
+        <li class="dropdown active">
+          <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+            Nav Item 2
+            <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+          </ul>
+        </li>
+        <li class="dropdown active">
+          <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
+            Nav Item 3
+            <i class="icon-caret-down"></i>
+          </a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
+            <li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
+          </ul>
+        </li>
+        <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
+        <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
+        <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
+        <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
       </ul>
-    </li>
-    <li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 4</a></li>
-    <li class="active"><a href="#examples"><i class="icon-spinner icon-spin"></i> Nav Item 5</a></li>
-    <li class="active"><a href="#examples"><i class="icon-circle icon-large"></i> Nav Item 6</a></li>
-    <li class="active"><a href="#examples"><i class="icon-circle"></i> Nav Item 7</a></li>
-  </ul>
-  <h4>Icons should be properly vertically aligned</h4>
-  <div class="row">
+    </div>
     <div class="span3">
       <ul class="nav nav-list">
         <li>