title: tab-pane(bootstrap) is not working properly in Mobile/Desktop
body: <p>I created a <code>tab-pane</code> in my html and it is working fine but I am not getting the output as expected. </p>
  
  <blockquote>
    <ol>
    <li>I wanted content of the tab to be filled in 3/4th of the screen ( both in desktop and mobile).</li>
    </ol>
  </blockquote>
  
  <p>But I am getting as the tab content is occupying only half of the screen. and in mobiles its very horibble.</p>
  
  <p>Pls check the attached images...  <a href="http://i.stack.imgur.com/BeqlX.jpg" rel="nofollow">Desktop version </a>.<a href="http://i.stack.imgur.com/jXuzI.jpg" rel="nofollow">mobile version</a></p>
  
  <p>code here:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;ul class="nav nav-pills" id="SkillsTab"&gt;
  
      &lt;li class="active"&gt;
        &lt;a href="#skill1" role="pill" data-toggle="pill"&gt;&lt;i class="fa fa-star-o"&gt;&lt;/i&gt; Web Designing &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#skill2" role="pill" data-toggle="pill"&gt;&lt;i class="fa fa-envelope-o"&gt;&lt;/i&gt;Marketing&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#skill3" role="pill" data-toggle="pill"&gt;&lt;i class="fa fa-globe"&gt;&lt;/i&gt;SEO&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#skill4" role="pill" data-toggle="pill"&gt;&lt;i class="fa fa-magic"&gt;&lt;/i&gt;Mobile Design&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#skill5" role="pill" data-toggle="pill"&gt;&lt;i class="fa fa-paint-brush"&gt;&lt;/i&gt;Graphic Design&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#skill6" role="pill" data-toggle="pill"&gt;&lt;i class="fa fa-users"&gt;&lt;/i&gt;Corporate Identity&lt;/a&gt;&lt;/li&gt;
  
    &lt;/ul&gt;
  
    &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane active bounceInRight" id="skill1"&gt;
        &lt;h2&gt;&lt;i class="fa fa-star-o"&gt;&lt;/i&gt;Web Designing&lt;/h2&gt;
        &lt;p class="text-justify"&gt;The Internet is an ever changing environment that demands that you keep up with the latest and greatest communication platforms.
          &lt;br&gt;
          &lt;br&gt;
  
        &lt;/p&gt;
  </code></pre>