为什么我无法显示

来源:6-6 固定导航条

R桀

2017-05-21 01:40

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>带表单的导航条</title>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

</head>


<body>

<!--代码-->

<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="##" data-toggle="dropdown" class="dropdown-toggle">系列教程<span class="caret"></span></a>

          <ul class="dropdown-menu">

        <li><a href="##">CSS3</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-left" rol="search">

       <div class="form-group">

      <input type="text" class="form-control" placeholder="请输入关键词" />

       </div>

        <button type="submit" class="btn btn-default">搜索</button>

     </form>

</div>

<script src="https://cdn.bootcss.com/jquery/3.2.1/core.js"></script>

<script src="js/bootstrap.min.js"></script> 


</body>

</html>


写回答 关注

1回答

  • 慕粉1410019313
    2017-05-21 11:31:01
    已采纳

    jquery版本不对 换3.1.1

玩转Bootstrap(基础)

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

314559 学习 · 2357 问题

查看课程

相似问题