title: Hide UI Angular Tabs
body: <p>I am trying to implement UI Bootstrap tabs, plunker <a href="https://plnkr.co/edit/12G8WLrpMjPdzfNmxh9b?p=preview" rel="nofollow noreferrer">here</a>, i want to hide the tabs as i will be using the button  to change the tabs. </p>
  
  <p>i am adding this class to my CSS file but it is not applied to the tabs </p>
  
  <pre><code>.nav-tabs {
      border-bottom: 1px solid #ddd;
      display: none;
  }
  </code></pre>
  
  <p>my end goal is to hide <a href="https://i.stack.imgur.com/jBLRZ.png" rel="nofollow noreferrer">This</a>. How do i approach for it? </p>