首先，我从预先制作的模板中修改了这个。我将所有链接设置为正确的页面，我可以在右键单击并在新选项卡中选择打开链接时打开它们。
但我无法通过左键单击打开它。 navbar由Bootstrap运行，我之前从未使用它。
任何帮助将不胜感激！
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="keywords" content="text,veteran,veteran computers,voc rehab computers,computers,vets,chapter 31" />
<meta name="description" content="On our website you can find computers, accesories, and training for Veterans of the United States of America! " />
<!-- PbD Template -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<link rel="shortcut icon" href="PUT YOUR FAVICON HERE">-->
<link rel="shortcut icon" href="../Images/favicon.ico" />
<!-- Google Web Font Embed -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="js/colorbox/colorbox.css" rel='stylesheet' type='text/css'>
<link href="css/templatemo_style.css" rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="templatemo-top-bar" id="templatemo-top">
<div class="container">
<div class="subheader">
<div id="phone" class="pull-left">
<img src="images/phone.png" alt="phone" /> 866-757-1221
</div>
<div id="email" class="pull-right">
<img src="images/email.png" alt="email" />
<a href="mailto:sales@performbydesign.com">sales@performbydesign.com</a>
</p>
</div>
</div>
</div>
</div>
<div class="templatemo-top-menu">
<div class="container">
<!-- Static navbar -->
<div class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand"><img src="../Images/ppd lccjpg.jpg" alt="Urbanic Template" width="150" height="90" title="Urbanic Template" />
</a>
</div>
<div class="navbar-collapse collapse" id="templatemo-nav-bar">
<ul class="nav navbar-nav navbar-right" style="margin-top: 40px;">
<li class="active"><a href="index.html">HOME</a>
</li>
<li><a href="sales.html" id="sales">SALES</a>
</li>
<li><a href="Services.html">TRAINING AND DEVELOPMENT</a>
</li>
<li><a href="AboutUs.html">ABOUT US</a>
</li>
<li><a href="index.html">CONTACT US</a>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.container-fluid -->
</div>
<!--/.navbar -->
</div>
<!-- /container -->
</div>
<div>
<!-- Carousel -->
<div id="templatemo-carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#templatemo-carousel" data-slide-to="0" class="active"></li>
<li data-target="#templatemo-carousel" data-slide-to="1"></li>
<li data-target="#templatemo-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<div class="container">
<div class="carousel-caption">
<h1 class="templatemo-slogan"><strong>Performance by Design</strong></h1>
<p><strong>Vets Serving Vets</strong>
</p>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="carousel-caption">
<div class="col-sm-6 col-md-6">
<h1>Sales </h1>
<p>Performance by Design offers a wide variety of hardware and software options that will meet your needs</p>
</div>
<div class="col-sm-6 col-md-6">
<h1>Training</h1>
<p>Performance by Design offers personalized one-on-one training and small group instruction</p>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="carousel-caption">
<h1>Ready to Order?</h1>
<p>Contact us today for a free quote or to receive a catalog of products and services</p>
<p><a class="btn btn-lg btn-orange" href="Sales.html" role="button">Order Now</a>
</p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#templatemo-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#templatemo-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!-- /#templatemo-carousel -->
</div>
</div>
</div>
</div>
<!-- 3 boxes for input -->
<div class="templatemo-service">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="templatemo-service-item">
<div>
<img src="../Images/Military-Logos.jpg" alt="icon" />
<span class="templatemo-service-item-header">Vets Serving Vets</span>
</div>
<p>We have partnered with the Veterans Administration supplying adaptive technology for disabled veterans. Our services include delivery, setup, and a two-year warranty. Our highly skilled training and development department has implemented performance support solutions for global programs within the U.S. government. We have also designed and implemented one-on-one, classroom, and online learning applications for Department of Defense, Department of Homeland Security and the Department for Veterans Affairs.</p>
<div class="text-center">
</div>
<br class="clearfix" />
</div>
<!-- Start second box -->
<div class="clearfix"></div>
</div>
<div class="col-md-4">
<div class="templatemo-service-item">
<div>
<img src="../Images/cve_completed_s.jpg" alt="icon" width="150" height="153" />
<span class="templatemo-service-item-header"> Service-Disabled Veteran-Owned Small Business</span>
</div>
<p>Performance by Design LLC, a Certified Service-Disabled Veteran-Owned Small Business (SDVOSB). Performance by Design specializes in providing technology and training to the federal government.</p>
<div class="text-center">
<a href="http://www.va.gov/osdbu/verification/" class="templatemo-btn-read-more btn btn-orange">READ MORE</a>
</div>
<br class="clearfix" />
</div>
<!-- Start 3rd box -->
<div class="clearfix"></div>
</div>
<div class="col-md-4">
<div class="templatemo-service-item">
<div>
<img src="../Images/sam_gov.jpg" alt="icon" width="184" height="107" />
<span class="templatemo-service-item-header">System for Award Management</span>
</div>
<p>Performance by Design is registered with the System for Award Management database</p>
<div class="text-center">
<a href="https://www.sam.gov" class="templatemo-btn-read-more btn btn-orange">READ MORE</a>
</div>
<br class="clearfix" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="height30"><a href="https://www.facebook.com/Performance-by-Design-1018610118161626/"><img name="facebook" src="../Images/Like-us-on-Facebook.jpg" width="400" height="100" alt=""></a></span>
<div class="templatemo-footer">
<div class="container">
<div class="row">
<div class="text-center">
<div class="footer_container">
<div class="height30"></div>
<a class="btn btn-lg btn-orange" href="#" role="button" id="btn-back-to-top">Back To Top</a>
<div class="height30"></div>
</div>
<div class="footer_bottom_content">
<span>Copyright © 2016 <a href="#">Performance by Design. All ritghts reserved </a></span>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/stickUp.min.js" type="text/javascript"></script>
<script src="js/colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
<script src="js/templatemo_script.js" type="text/javascript"></script>
<!-- PBD -->
</body>
</html>
答案 0 :(得分：0)
元素
<ol class="carousel-indicators">
覆盖了您的菜单，因此阻止您正确填写链接。至少在小提琴中。
也许轮播本身也是如此。
禁用轮播以检查是否能解决问题。 如果是这样，只需相应调整您的CSS。