不要な水平スクロールバー/ブートストラップアプリケーション

Question

私は、ブートストラップや練習などangularjsと自分のアプリケーションの簡易版を使用してアプリケーションを作成しようとしていますが、このペンに例示されている：http://codepen.io/megadeen/pen/ZWrGmv

これがメインのコードです：

<table class="main" ng-app="app" ng-controller="main"> 
    <tr> 
    <td class="sidebar"> 
     <!-- Set page using AngularJS --> 
     <a ng-click="page = 'fpage'">First Page</a> 
     <br> 
     <a ng-click="page = 'spage'">Second Page</a> 
    </td> 
    <td class="content"> 
     <!-- First Page --> 
     <div class="fpage" ng-show="page == 'fpage'"> 
     <div class="col-md-5"> 
      .... Content .... 
     </div> 
     </div> 
     </div> 
     <!-- Second Page --> 
     <div class="spage" ng-show="page == 'spage'"> 
     <div class="row"> 
      <div class="col-md-7"> 
      .... Content .... 
      </div> 
     </div> 
    </td> 
    </tr> 
</table> 

しかし、この迷いのある水平スクロールバーは、いつも消えません。この迷走するスクロールバーは、2番目以降のページにのみ表示されます。

fpageとspage divに行クラスを追加しようとしました。しかし、そうすると、スクロールバーがすべてのページに表示されます。

なぜこの問題が発生し、この問題を解決するのですか？

Answer 1

rowの代わりにcol-md-12を使用する必要があります。