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差别在哪里。