title: Bootstrap tabbed pane displaying all tabs on load
body: <p>my code is displaying all tabs on load.
  If I remove "active" from the other tabs, they won't display the graphs in their respective panes. How is this fixable? I'm using bootstrap.</p>
  
  <pre><code>&lt;div class ="container col-sm-12 col-md-12 col-lg-12"&gt;
  &lt;div id="monitor" class="panel panel-default tab-box"&gt;
      &lt;div class="panel-heading" style="height: 60px"&gt;
           &lt;h3 class="panel-title" style = "margin-bottom: 5px"&gt;
              &lt;i class="fa fa-flag"&gt;&lt;/i&gt;
              Steps count
          &lt;/h3&gt;
          &lt;ul class="nav nav-tabs"&gt;
              &lt;!-- Week tab --&gt;
              &lt;li class="active"&gt; &lt;a href="#week-tab" data-toggle="tab" data-identifier="line"&gt;Week&lt;/a&gt;&lt;/li&gt;
              &lt;!-- Month tab --&gt;
              &lt;li&gt; &lt;a href="#month-tab" data-toggle="tab" data-identifier="bar2"&gt;Month&lt;/a&gt;&lt;/li&gt;
              &lt;!-- Year --&gt;
              &lt;li&gt; &lt;a href="#year-tab" data-toggle="tab" data-identifier="bar3"&gt;Year&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;div class="panel-body"&gt;
          &lt;div class="tab-content"&gt;
              &lt;div id="week-tab" class="tab-pane active"&gt;
                  &lt;div class="row" style="margin-left: 10px"&gt;
  
                  &lt;div id="week_step-line" class = "graph" &gt;&lt;/div&gt;
  
                  &lt;/div&gt;
  
              &lt;/div&gt;
              &lt;div id="month-tab" class="tab-pane active"&gt;
                  &lt;div class="row" style="margin-left: 10px"&gt;
  
                  &lt;div id="month_step-line" class = "graph" &gt;&lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div id="year-tab" class="tab-pane active"&gt;
                  &lt;div class="row" style="margin-left: 10px"&gt;
  
                      &lt;div id="year_step-line" class = "graph" &gt;&lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Added a picture of my problem. My morris chart has too little space if I don't have all the tabs as active.</p>
  
  <p><a href="http://imgur.com/u1Vba7s" rel="nofollow">http://imgur.com/u1Vba7s</a></p>