為什么引導選項卡顯示選項卡窗格div與不正確的寬度時使用高圖表？因此，我正在使用Twitter的Bootstrap創建一個帶有選項卡內容的頁面，但是我的起始活動div的內容總是與我其他選項卡的內容不同。例如，我在不同的選項卡中使用Highcharts.js繪制圖表，但是活動的選項卡總是正確顯示，而其他選項卡的寬度不正確。請查看下面的示例：        <div class = "row-fluid">         <div class = "span9">             <div class = "row-fluid">                 <h3>Test</h3>                     <ul class="nav nav-tabs">                         <li class = "active">                             <a data-toggle = "tab" href = "#one">One</a>                         </li>                         <li><a data-toggle = "tab" href = "#two">Two</a></li>                         <li><a data-toggle = "tab" href = "#three">Three</a></li>                     </ul>                     <div class="tab-content">                         <div class="tab-pane active" id="one" >                             <h4>One</h4>                             <div id = "container1"></div>                             <script type = "text/javascript">                                 $(function () {                                     $('#container1').highcharts({                                                                     });                                 });                             </script>                         </div>                         <div class="tab-pane" id="two" >                         <h4>Two</h4>                         <div id = "container2"></div>                         <script type = "text/javascript">                             $(function () {                                 $('#container2').highcharts({                                                          });                             });                      </div>         </div>         </div>     </div>在這種情況下，切換頁面加載上的活動選項卡使圖表看起來對我來說是正確的，但其余的總是延伸到邊緣(就我的數據而言，我只想填充跨距9 div的空間)。我只是在這個例子中使用了虛擬圖表，但這是相同的想法。這里有一個JSFiddle：http://jsfiddle.net/dw9tn/我要問你們的問題是：1.)就我一個人嗎？2.)當標簽被激活時到底發生了什么？查看引導CSS，它似乎處理顯示：無和顯示：塊，但我對這種情況下的工作方式沒有很好的理解。3.)這是高級圖表問題還是引導問題？我注意到這種情況發生在非高圖表元素中(比如在側欄中顯示tweet)，所以我傾向于引導。4.)有什么解決辦法可以讓一切一致嗎？