为什么我输入一样的代码,显示效果不一样呢?

来源:6-4 带表单的导航条

撑竹伞的白鹭

2015-06-18 16:02

<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 class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">系列教程<span class="caret"></span></a>
           <ul class="dropdown-menu">
               <li class="active"><a href="#">CSS</a></li>
               <li><a href="#">JavaScript</a></li>
               <li class="disabled"><a href="#">PHP</a></li>
           </ul>
        </li>
        <li><a href="#">名师介绍</a></li>
        <li><a href="#">成功案例</a></li>
        <li><a href="#">关于我们</a></li>
    </ul>
    <form action="#" class="navbar-form navbar-right" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="请输入关键词">
        </div>
        <button class="btn btn-default">搜索</button>
    </form>
</div>



http://img.mukewang.com/55827b1500013af703600060.jpg

写回答 关注

5回答

  • JL_Android
    2015-09-09 14:53:58
    已采纳

    好诡异  

    <div class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <a href="#" class="navbar-brand">慕课网</a>
        </div>

    这段代码我如果使用练习框中的就没问题  但是改成你这一段就和你的效果一样了  但真心没看出来有什么区别

    撑竹伞的白鹭

    非常感谢!

    2015-12-09 10:02:24

    共 1 条回复 >

  • 御羽倾城
    2017-08-10 16:56:04

    这个问题现在我也遇到了,一脸懵逼,直接复制以给定的同样的代码就没事。。。

  • _晴不知所起一往而深_
    2017-05-12 22:15:33

    在第12行、13行、14行代码之前分别隐藏了一个全角空格(\u3000)

  • 乐山市lss
    2015-06-25 10:53:45

    话说试了好几次都是这样,虽然相同,但是只要把上面的复制下来就好了,反反复复不知道什么原因

  • 李晓亮
    2015-06-18 18:06:37

    样式重置了没有?  再说  你只贴html  没贴css有啥用

    qq_彦狐_...

    这边就引用bootstrap,没有设置任何样式,都是这个问题,你这一句没有贴css,真的认真看了么

    2015-07-30 10:35:27

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314559 学习 · 2357 问题

查看课程

相似问题