title: Full width tabs with sufficient space to each tab
body: <p>I have <code>bootstrap</code> <code>tabs</code> in my view that represents day of week. Tabs take width by content in the tab and its not occupying the full <code>width</code> in the page.</p>
  
  <p><img src="https://i.stack.imgur.com/Wxal2.png" alt="enter image description here"></p>
  
  <p>My requirement is full width tabs. I googled for it and found several answers but all of them giving equal width to each tab (<a href="https://stackoverflow.com/questions/17550570/full-width-tabs-using-bootstrap">Full width tabs using Bootstrap (Support IE)</a>). Answers are good but in my case one tab is not getting sufficient space and hence content is split into two lines (Wednesday, July 16).</p>
  
  <p><img src="https://i.stack.imgur.com/0omY5.png" alt="enter image description here"></p>
  
  <p>So how to create full width tabs with sufficient space to each tab? Today tab have space available that space can be given to other tabs.</p>
  
  <p><strong>EDIT.....................................................................................</strong></p>
  
  <p>Using <code>bootstrap 2.3.2</code></p>