bootstrab nav选项卡连续项目

Question

我有带引导程序的导航标签项目

| tab1  |  tab2  |  tab3  |

但是当我的网站响应时，他们会喜欢这个

| tab 1 | tab2 |
| tab 3 |

我有以下代码

<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 no-sid">
    <ul class="nav nav-tabs">
        <li class="active"><a data-target="#home" data-toggle="tab" aria-expanded="true">Recent Events</a></li>
        <li class=""><a data-target="#profile" data-toggle="tab" aria-expanded="false">Drink Time</a></li>
        <li class=""><a data-target="#messages" data-toggle="tab" aria-expanded="false">Food Time</a></li>
    </ul>
</div>

有没有办法让它们始终保持在同一条线上，即使它们变小也没有任何问题。