2016-07-22 43 views
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命令我应该使用?谢谢你的帮助。

+0

为什么不使用标签而不是按钮? –

+0

请使用'collapsed'而不是'collasped' –

回答

0

对不起,我在这里拼写错了。我在代码中使用了折叠。它仍然分离出来。会使用标签而不是按钮将它们放在一起吗?如果是这样,我将如何在Bootstrap中做到这一点?我是Bootstrap的新手。作为一项要求,我被迫将其用于最终项目。坦率地说,如果这取决于我,我会创建自己的响应式CSS,因为它的效果更好。谢谢你的帮助。

相关问题