0
我是使用Bootstrap CSS框架的新手。我正在尝试在页面顶部创建导航。我正在使用navbar collaspe collaspe命令,但链接按钮在标签下方分开。所以当我点击标签时,我不会进入页面,但是当我点击标签下面的按钮时,我会被发送到页面。我的代码如下:如何将标签与自举导航中的按钮组合在一起
<body class="text-center">
<nav class="navbar collasped collasped">
<div class="text-center">
<div class="container-fluid">
<div class="navbar-header">
</div>
<img class="navbar-left" alt="logo" src="Grandmaster_Hong_Logo.png">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="navigation">
<ul class="nav navbar-nav">
<li>Home <a href="HomePage.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li>Events <a href="Events.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li>Photos <a href="Photos.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li class="active">Videos <a href="Videos.html"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
<li>About Us <a href="About_Us.html"><button type="button" class="navbar- ` enter code here`toggle collapsed" data-toggle="collapse" aria-expanded="false">
<span class="sr-only"></span></button></a></li>
</ul>
</div>here
有没有一种方法,这样,当有人点击标签上的按钮,是它背后我可以组合这些,将用户带到网页?有没有一个特定的bootstrap命令我应该使用?谢谢你的帮助。
为什么不使用标签而不是按钮? –
请使用'collapsed'而不是'collasped' –