【发布时间】：2017-01-08 15:19:43
【问题描述】：
我的导航丸有问题 问题是： nav-pill 没有链接到其他页面 当我点击它时，它应该会转到那个页面，但那件事并没有发生。
<ul class="nav nav-pills" data-toggle="collapse" id="head-menu">
<li><a href="admissions.php">APPLY</a></li>
<li ><a href="#">FACULTY</a></li>
<li ><a href="#">STUDENT</a></li>
<li ><a href="#">OFFICES</a></li>
<li ><a href="">ALUMNI</a></li>
</ul>
我也尝试过回显，但对我不起作用。
头部
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="footer, contact, form, icons" />
<link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="stylesheet/style.css">
<link rel="stylesheet" type="text/css" href="stylesheet/slider.css">
<link rel="stylesheet" href="footer/footer-distributed-with-address-and-phones.css" type="text/css">
<link href = "bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
</head>
【问题讨论】：
-
为什么是 php 标签？这里没有“php”，只是指向
.php页面的链接。 -
@Fred-ii- 因为该页面扩展名是 php。这东西适用于导航栏，但不适用于导航药丸
-
那么您是如何以
http://localhost或直接在浏览器中以file:///访问它的？你是否正在运行安装了 php 的网络服务器？ -
我正在使用 XAMPP 在 localhost 上运行
-
您是否将
<ul class="nav nav-pills" data-toggle="collapse" id="head-menu">...</ul>包裹在<div></div>中？例如tutorialrepublic.com/… 并为其输入网址/页面。另外stackoverflow.com/a/27854348 尝试添加“角色”，即：<li role="presentation">到<li>。除了设置一个完整的文件夹来测试它之外，我在这里无法为您做任何其他事情，而且我没有太多时间，TBH。
标签： php html css twitter-bootstrap nav-pills