<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <title>现代浏览器博物馆</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]--> <style> body{ padding-top:70px; } .carousel{ height:500px; background-color: #000; } .carousel .item{ height:500px; background-color: #000; } .carousel .img{ width:100%; } .carousel-caption p{ margin-bottom: 20px; font-size: 20px; line-height: 1.8; } .summary { padding-right: 15px; padding-left: 15px; } .summary .col-md-4 { margin-bottom: 20px; text-align: center; } </style> </head> <body> <div class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation"> <div> <div> <button type="button" data-toggle="collapse" data-target=".navbar-collapse"> <span>切换导航</span> <span></span> <span></span> <span></span> </button> <a href="#">现代浏览器博物馆</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="#ad-carousel">综述</a></li> <li><a href="#summary-container">简述</a></li> <li> <a href="#" data-toggle="dropdown">特点 <span></span></a> <ul role="menu"> <li><a href="#feature-tab" data-tab="tab-chrome">Chrome</a></li> <li><a href="#feature-tab" data-tab="tab-firefox">Firefox</a></li> <li><a href="#feature-tab" data-tab="tab-safari">Safari</a></li> <li><a href="#feature-tab" data-tab="tab-opera">Opera</a></li> <li></li> <li><a href="#feature-tab" data-tab="tab-ie">IE</a></li> </ul> </li> <li><a href="#" data-toggle="modal" data-target="#about-modal">关于</a></li> </ul> </div> </div> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol> <li data-target="#carousel-example-generic" data-slide-to="0"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> <li data-target="#carousel-example-generic" data-slide-to="3"></li> <li data-target="#carousel-example-generic" data-slide-to="4"></li> </ol> <!-- Wrapper for slides --> <div role="listbox"> <div class="item active"> <img src="images/chrome-big.jpg" alt="1 solid"> <div> <div> <h1>Chrome</h1> <p>Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器。</p> <p><a class="btn btn-lg btn-primary" href="http://www.google.cn/intl/zh-CN/chrome/browser/" role="button" target="_blank">点我下载</a></p> </div> </div> </div> <div> <img src="images/firefox-big.jpg" alt="2 solid"> <div> <div> <h1>Firefox</h1> <p>Mozilla Firefox,中文名通常称为“火狐”或“火狐浏览器”,是一个开源网页浏览器。</p> <p><a class="btn btn-lg btn-primary" href="http://www.firefox.com.cn/download/" role="button" target="_blank">点我下载</a></p> </div> </div> </div> <div> <img src="images/safari-big.jpg" alt="3 solid"> <div> <div> <h1>Safari</h1> <p>Safari,是苹果计算机的最新操作系统Mac OS X中的浏览器。</p> <p><a class="btn btn-lg btn-primary" href="http://www.apple.com/cn/safari/" role="button" target="_blank">点我下载</a></p> </div> </div> </div> <div> <img src="images/opera-big.jpg" alt="4 solid"> <div> <div> <h1>Opera</h1> <p>Opera浏览器,是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器。</p> <p><a class="btn btn-lg btn-primary" href="http://www.opera.com/zh-cn" role="button" target="_blank">点我下载</a></p> </div> </div> </div> <div> <img src="images/ie-big.jpg" alt="5 solid"> <div> <div> <h1>IE</h1> <p>Internet Explorer,简称 IE,是微软公司推出的一款网页浏览器。</p> <p><a class="btn btn-lg btn-primary" href="http://ie.microsoft.com/" role="button" target="_blank">点我下载</a></p> </div> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span>Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span>Next</span> </a> </div> <div> <div id="summary-container"> <div> <img src="images/chrome-logo-small.jpg" alt="chrome"> <h2>Chrome</h2> <p>Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器。</p> <p><a class="btn btn-default" href="#" role="button">点我下载</a></p> </div> <div> <img src="images/firefox-logo-small.jpg" alt="firefox"> <h2>Firefox</h2> <p>Mozilla Firefox,中文名通常称为“火狐”或“火狐浏览器”,是一个开源网页浏览器。</p> <p><a class="btn btn-default" href="#" role="button">点我下载</a></p> </div> <div> <img src="images/safari-logo-small.jpg" alt="safari"> <h2>Safari</h2> <p>Safari,是苹果计算机的最新操作系统Mac OS X中的浏览器。</p> <p><a class="btn btn-default" href="#" role="button">点我下载</a></p> </div> </div> </div> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
错误太多了,大侠重新来过吧