bootstrap中为导航添加标题，为什么显示的边距不一样？

Question

<div class="navbar navbar-default">

<div class="navbar-header">

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

</div>

<ul class="nav navbar-nav">

<li class="active"><a href="#">网站首页</a></li>

<li><a href="#">系列教程</a></li>

<li><a href="#">名师介绍</a></li>

<li><a href="#">成功案例</a></li>

<li class="disabled"><a href="#">关于我们</a></li>

</ul>

</div>

上面的是我自己写的，下面的是慕课上的代码，明明都是一样的，但是执行以后，边距不一样宽。

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

  　<div class="navbar-header">

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

  　</div>

    <ul class="nav navbar-nav">

  <li class="active"><a href="##">网站首页</a></li>

       <li><a href="##">系列教程</a></li>

       <li><a href="##">名师介绍</a></li>

       <li><a href="##">成功案例</a></li>

       <li><a href="##">关于我们</a></li>

</ul>

</div>

Answer 1

你用浏览器分别打开两段代码作成的网页，按F12，看看实际引用的css差别在哪里。