title: how to implement toolbar in ionic?
body: <p>I am trying to implement toolbar in ionic which should look like same as this given in bootstrap .
  <a href="http://jsfiddle.net/wmDL8/17/" rel="nofollow">http://jsfiddle.net/wmDL8/17/</a></p>
  
  <p>I need to implement toolbar in ionic same as above in fiddle which is implemented in bootstrap.I tried it but my button are taking whole width I need equal space take from left and right .And user should able to add active class so that it know which button is selected and which is not
  can we implement toolbar in ionic </p>
  
  <p>here is my code
  <a href="http://codepen.io/anon/pen/pJRJLj" rel="nofollow">http://codepen.io/anon/pen/pJRJLj</a></p>
  
  <pre><code>&lt;html ng-app="ionicApp"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
  
    &lt;title&gt;Tabs Example&lt;/title&gt;
  
    &lt;link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"&gt;
    &lt;script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;ion-header-bar align-title="center" class="bar bar-header bar-balanced"&gt;
    &lt;div class="buttons"&gt;
      &lt;i style="font-size:30px;" class='icon ion-chevron-left'&gt;&lt;/i&gt;
    &lt;/div&gt;
    &lt;h1 class="title"&gt;Title!&lt;/h1&gt;
  
  &lt;/ion-header-bar&gt;
  &lt;ion-content&gt;
  &lt;div class="button-bar"&gt;
    &lt;a class="button"&gt;Command1&lt;/a&gt;
    &lt;a class="button"&gt;Command2&lt;/a&gt;
    &lt;a class="button"&gt;Command3&lt;/a&gt;
  &lt;/div&gt;&lt;/ion-content&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>