fix #2811: left and right aligned tabbable tabs fixes so that .tab-content...

fix #2811: left and right aligned tabbable tabs fixes so that .tab-content grows to match parent's width

docs/assets/css/bootstrap.css

@@ -2780,8 +2780,7 @@ input[type="submit"].btn.btn-mini {
   clear: both;
 }
 .tab-content {
-  display: table;
-  width: 100%;
+  overflow: auto;
 }
 .tabs-below .nav-tabs,
 .tabs-right .nav-tabs,
@@ -2816,10 +2815,6 @@ input[type="submit"].btn.btn-mini {
 .tabs-below .nav-tabs .active > a:hover {
   border-color: transparent #ddd #ddd #ddd;
 }
-.tabs-left .tab-content,
-.tabs-right .tab-content {
-  width: auto;
-}
 .tabs-left .nav-tabs > li,
 .tabs-right .nav-tabs > li {
   float: none;

less/navs.less

@@ -266,8 +266,7 @@
   .clearfix();
 }
 .tab-content {
-  display: table; // prevent content from running below tabs
-  width: 100%;
+  overflow: auto; // prevent content from running below tabs
 }
 
 // Remove border on bottom, left, right
@@ -314,10 +313,6 @@
 // ------------
 
 // Common styles
-.tabs-left .tab-content,
-.tabs-right .tab-content {
-  width: auto;
-}
 .tabs-left .nav-tabs > li,
 .tabs-right .nav-tabs > li {
   float: none;