title: Bootstrap Nav Pills content width
body: <p>I am using Bootstrap pills with two tabs. I want the container for tab content to have a different width. I don't know how to do that. tab-content sets both width. I need tab1 container to be 600px wide, and tab2 to be 800px.</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt; 
  &lt;ul  class=&quot;nav nav-pills justify-content-center&quot;&gt;
              &lt;li class=&quot;active&quot;&gt;
          &lt;a  href=&quot;#tab1&quot; data-toggle=&quot;tab&quot;&gt;First Tab&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;#tab2&quot; data-toggle=&quot;tab&quot;&gt;Second Tab&lt;/a&gt;
              &lt;/li&gt;
              
          &lt;/ul&gt;
  
              &lt;div class=&quot;tab-content clearfix&quot;&gt;
                &lt;div class=&quot;tab-pane active&quot; id=&quot;tab1&quot; &gt;
            &lt;h3&gt;Same as example 1 but we have now styled the tab's corner&lt;/h3&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;tab-pane&quot; id=&quot;tab2&quot;&gt;
            &lt;h3&gt;We use the class nav-pills instead of nav-tabs which automatically creates a background color for the tab&lt;/h3&gt;
                  &lt;/div&gt;
          
              &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  <p>Css:</p>
  <pre><code>.nav-pills &gt; li {
      float:none;
      display:inline-block;
      zoom:1;
  }
  
  .nav-pills {
      text-align:center;
  }
  
  .nav-pills &gt; li &gt; a {
    border-radius: 6px 6px 0 0 ;
    
    background-color: #FFF;
    color: black;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 7px 50px;
      text-decoration: none;
      margin-right: 20px;
  }
  .nav-pills &gt; li.active &gt; a {
    background-color: #F5A000;
  }
  
  
  .tab-content {
      margin-top: 4px;
    padding : 5px 15px;
    box-shadow: 0 2rem 2rem #00000080;
    height:90px;
    position: relative;
    border-radius:0px 0px 8px 8px;
    border-top: 3px solid #F5A000;
    background-color: rgba(255, 255, 255, 0.5);
    
  }
  </code></pre>
  <p>Any suggestions?</p>