所以,我下载了一些免费的bootstrap主题,并尝试按照我想要的方式修改它。 https://shapebootstrap.net/item/1524939-heera-responsive-html5-multipurpose-template
点击链接到子页面(关于我们,程序和价格,联系人和位置)时没有任何反应。什么阻止他们开放? 我是初学者,非常感谢任何建议!
.main-menu {
background-color: #5D4E61;
opacity: 0.8;
}
.navbar-collapse {
padding: 0px;
}
.menu-logo {
display: none;
max-width: 125%;
}
.navbar-toggle:focus {
border: none;
outline: 0;
}
.nav>li>a:hover,
.nav>li>a:focus {
background-color: transparent;
color: #dddada;
}
.menu-list {
text-align: center;
float: none;
}
.navbar-nav>li {
display: inline-block;
float: none;
}
.navbar-nav>li>a {
color: #ffffff;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
float: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.menu-list .active a {
color: #dddada;
}

<header id="main-menu" class="main-menu">
<div class="container">
<div class="row">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu">
<i class="fa fa-bars"></i>
</button>
<div class="menu-logo">
<a href="index.html">
<img src="images/logo.png" alt="menu Logo">
</a>
</div>
<!-- /.menu-logo -->
</div>
<nav id="menu" class="menu collapse navbar-collapse">
<ul id="headernavigation" class="menu-list nav navbar-nav wow fadeInUp animated">
<li><a href="index.html">Home</a>
</li>
<li class="active"><a href="about.html">About us</a>
</li>
<li><a href="index.html">Procedures & Prices</a>
</li>
<li><a href="index.html">Contact & Location</a>
</li>
</ul>
<!-- /.menu-list -->
</nav>
<!-- /.menu-list -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</header>
<!-- /#main-menu -->
&#13;
答案 0 :(得分:1)
我举一个例子:
<li><a href="index.html">Procedures & Prices</a></li>
请注意,a-tag指向index.html
。如果您的网页被称为index.html
,那么它将全部循环回自身。您希望将另一个网页作为a-tag的目标。
答案 1 :(得分:0)
index.html
是您的主页吗?
您的所有链接都指向主页<a href="index.html">
将index.html
更改为调用其他页面的任何内容,例如,如果您创建名为about.html
的网页,则锚标记看起来像<a href="about.html">