为什么这段代码在<li>标签去掉后，全屏显示时nav中的内容宽度会受影响

<div class="navbar navbar-default" role="navigation">

  　<div class="navbar-header">

  　    <a href="##" class="navbar-brand">慕课网</a>

  　</div>

<ul class="nav navbar-nav">

<li><a href="##" class="navbar-text">Navbar Text</a></li>

<li><a href="##" class="navbar-text">Navbar Text</a></li>

<li><a href="##" class="navbar-text">Navbar Text</a></li>

</ul>

</div>

去除<li>后，全屏会发现nav中的内容不能并排显示了，这是为什么