Problem in justified nav-pills

[raminmjj]

sample:

<div class="col-md-12">
    <ul class="nav nav-pills nav-justified">
      <li class="active"><a href="#">Home <span class="badge">42</span></a></li>
      <li><a href="#">Profile <span class="badge badge-danger">42</span></a></li>
      <li class="dropdown open">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">@fat</a></li>
          <li><a href="#">@mdo</a></li>
        </ul>
      </li>
    </ul>
</div>