无法在小屏幕上查看li内容

Question

我正在使用bootstrap nav-tab，它在大屏幕上看起来很好，但在小屏幕上突然没有显示li内容。

我的代码是

<ul class="nav nav-tabs ">
    <li class="active"><a data-toggle="tab" href="#login">Login</a></li>
    <li><a data-toggle="tab" href="#register">Register</a></li>
    <li><a data-toggle="tab" href="#lost"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
</ul>

.nav-tabs{
    border: none;
}
.nav-tabs > li.active 
{
    border-bottom: 3px solid #00f6c7;
}

.nav-tabs > li > a{
    border: none;      
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
    border: none;
}

任何帮助