Html 推特引导&x27；s下拉菜单在导航选项卡中不起作用JS FIDLE中的导航栏_Html_Twitter Bootstrap_Drop Down Menu

Html 推特引导&x27；s下拉菜单在导航选项卡中不起作用JS FIDLE中的导航栏

html twitter-bootstrap drop-down-menu

Html 推特引导&x27；s下拉菜单在导航选项卡中不起作用JS FIDLE中的导航栏,html,twitter-bootstrap,drop-down-menu,Html,Twitter Bootstrap,Drop Down Menu,让这个Twitter引导导航条在JS Fiddle中工作，我遇到了很多问题；我终于得到了我想要的渲染方式——我的下拉菜单（在“社区”选项卡下）中没有任何内容——我不知道问题出在哪里。当我在文本编辑器中使用它时，我的代码似乎完全一样，但在JS Fiddle（我需要它工作的地方）中，当我按下按钮时，没有任何东西会掉下来&我不明白为什么，我尝试过改变这么多东西-如果有人能帮助或指导我为什么这不起作用，我将非常感激（我试着把li改成div，这破坏了整个设计的风格，我试着给每个这是我的密码： <h

让这个Twitter引导导航条在JS Fiddle中工作，我遇到了很多问题；我终于得到了我想要的渲染方式——我的下拉菜单（在“社区”选项卡下）中没有任何内容——我不知道问题出在哪里。当我在文本编辑器中使用它时，我的代码似乎完全一样，但在JS Fiddle（我需要它工作的地方）中，当我按下按钮时，没有任何东西会掉下来&我不明白为什么，我尝试过改变这么多东西-如果有人能帮助或指导我为什么这不起作用，我将非常感激（我试着把li改成div，这破坏了整个设计的风格，我试着给每个


这是我的密码：
<header>
</header>

<body>
  <ul id="myTab" class="nav nav-tabs">
    <li>
      <a href="#">
        <icon class="fa fa-home"></icon>
      </a>
    </li>
    <li role="presentation" class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Community</a>
      <ul class="dropdown-menu">
        <li><a href="#">Member Activity</a></li>
        <li><a href="#">Member Forum</a></li>
        <li><a href="#">Member Lists</a></li>
        <li><a href="#">Member Groups</a></li>
      </ul>
    </li>
    <li role="presentation"><a href="#">Pet Help</a></li>
    <li role="presentation"><a href="#">Pets for Sale</a></li>
    <li role="presentation"><a href="#">Pet Services</a></li>
  </ul>
<main>
<div id='content' class="tab-content">
      <div class="tab-pane active" id="home">
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
      </div>    

</main>
</body>





































添加
$（“.dropdown toggle”）.dropdown（）；

在包含引导之前，也不要忘记添加jquery

您没有包含jQuery，因为Bootstrap.js需要jQuery。如果打开浏览器控制台，会在那里捕获错误未捕获错误：Bootstrap的JavaScript需要jQuery

添加jQuery将解决您的问题。我已经修改了您的fiddle（）以包含其他选项卡窗格。您可以修改它们或删除它，完全由您决定
查看Bootstrap上关于正确标记和使用标签的用法的示例，我不明白-这看起来像是J Query代码-我在哪里添加“$”（“.dropdown toggle”）.dropdown（）：“-在JavaScript面板中作为J Query函数（在那里我将添加J Query函数）或在标记上方的html中？我不确定“body clod”是什么标签是（很抱歉，我对所有这些都不熟悉）。谢谢@odddemix您不需要该代码，您只需添加data toggle=“tab”
到您要触发选项卡窗格的
。@ChrisYongchu如果您检查，您会发现jquery丢失。同意。但不需要添加脚本，可以使用数据切换=“tab”来触发它
@ChrisYongchu这取决于包含内容是在标记呈现之前还是之后。你知道我如何去除或更改“主窗格”和导航选项卡之间的颜色或暗线（同时保持它们后面的颜色为深灰色）？理想情况下，我希望将其更改为另一种颜色-我已经尝试了很多不同的css选择器，但找不到该行对应的颜色（例如边界折叠，这会弄乱导航布局），尝试删除边框等。但我想保持布局不变…我已经尝试了好几天了…你似乎知道发生了什么。。。Thanks@TamaraFrankel，很高兴听到您找到了答案。您可能希望通过验证程序运行html。您正在滥用
。