明明设置的data-toggle是pill,为何将ul的class改为tabs后就变成了tab式呢

<ul class="nav nav-tabs nav-justified">

    <li><a href="##" data-toggle="pill">HOME</a></li>

    <li><a href="##" data-toggle="pill">CSS3</a></li>

    <li><a href="##" data-toggle="pill">HTML5</a></li>

    <li><a href="##" data-toggle="pill">Sass</a></li>

    <li><a href="##" data-toggle="pill">jQuery</a></li>

</ul>