Bootstrap 3 简单的下拉菜单不起作用

2023-12-12

当尝试调整到Bootstrap 3时,我遇到了以下问题。

当我单击名为的按钮时F, 我想Home and Not Home出现,但目前还没有。

This是我正在学习的视频。

<div class= "navbar navbar-inverse navbar-static-top">
    <div class="container">
        <a class= "navbar-brand">Jackdh</a>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> F 
        </button>
        <div class ="collapse navbar-collapse navHeaderCollapse">
            <ul class = "nav navbar-nav navbar-right">
                <li><a href="#">Home</a></li>
                <li><a href="#">Not Home</a></li>
            </ul>   
        </div>
    </div>
</div>

我很确定您只是忘记添加bootstrap.js并且jquery。 包括在内,一切都适合我.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap 3 简单的下拉菜单不起作用 的相关文章

  • 通过 JavaScript 检测浏览器换行

    我需要 javascript 来检测每个浏览器包装的文本行并将其包装到 span class line 我读过一些关于测量每个单词的 y 轴的文章 但还没有看到可靠的解决方案 这是我到目前为止所拥有的 看到它Jsfiddle http js
  • 在 IE 8 及以下版本中动态添加 @font-face 规则

    我使用 IE stylesheet addRule 方法添加 font face 规则 但是 符号对于该方法的 选择器 参数来说是不允许的字符 因此我收到 无效参数 错误 s addrule font face font family Fo
  • 我可以在 CSS 类名中使用驼峰命名法吗

    我想命名一个 CSS 类并调用它imgSuper 我可以在 CSS 类中使用驼峰命名法吗 从技术上讲是可以的 但这是有风险的 因为虽然 CSS 语法大多不区分大小写 但在某些浏览器中 在某些条件下 类名被视为区分大小写 因为规范没有指定浏览
  • 使用 CSS 的平行四边形导航背景

    我正在尝试创建此导航菜单 绿色突出显示是活动页面 灰色是悬停状态 我可以使用以下 CSS 制作平行四边形 ul nav li a text decoration none padding 4px 10px border radius 3px
  • 从 Bootstrap 中删除字形

    如何从 bootstrap 3 中删除所有字形实例 看起来它已经大量嵌入到 css 文件中了 我正在努力使文件大小尽可能最小 只需简单地克隆引导程序https github com twbs bootstrap sass https git
  • 每 3 秒重复一次动画

    我正在使用 WOW js 和 animate css 现在我正在将 CSS 运行到 Infinite 我想知道如何让我的课程运行 3 秒停止并再次开始到无限 My html img src images fork png class for
  • 删除数据表列中的额外填充

    你好 我创建了 JQuery DataTables 如下所示 所以我的问题是如何删除 图片 列中过多的填充 这就是我初始化表的方式 violators tbl DataTable aoColumnDefs bSortable false a
  • 如何重置使用 JavaScript 更改的 CSS 属性?

    我的导航按钮的宽度从 100px 增加到 150px 当鼠标悬停在 nav li hover width 150px 但是使用 javascript 我已经做到了 无论选择哪个选项 宽度都将继续为 150px 当选择每个选项时 它会使其他选
  • 如何阻止破折号自行包裹?

    我有一个标题 标题最后一个单词的末尾是一个破折号 单词和破折号之间没有空格 当浏览器窗口变小时 破折号会中断并换成新行 在自己的行上有一个破折号是不好的排版 如何停止破折号之前的换行 以便最后一个单词运行到新行 这是代码 h1 XYZ co
  • 将 2 个 Div 垂直居中另一个 Div

    我有 2 个 div 我想将它们垂直居中在另一个 div 内 目前我有 http jsfiddle net 5vpA3 1 http jsfiddle net 5vpA3 1 现在我明白这里发生了什么 但我希望左侧 div 在该容器内垂直对
  • 单击时更改 CSS 属性

    我试图在单击另一个元素时更改一个元素的 CSS 我进行了很多搜索 但没有任何效果是完美的 目前我正在使用下面的代码 但它不起作用 谁能告诉我我错过了什么 div hello world div img src zoom png functi
  • 当悬停时不透明度发生变化时,Google Chrome 中的背景会发生变化

    我使用 Jquery 设置了悬停效果 可以更改悬停元素的不透明度 它在所有最新的浏览器中都能正常工作 除了 Chrome 它会改变 body 元素的背景 这是链接 http wrong ro tataia http wrong ro tat
  • 除非我在 HTML 中使用 标签加载图像,否则背景图像不会显示在 CSS 中

    我非常困惑为什么我的代码无法正确显示图像 这是我的代码 div p p div 只有图像的一小部分与文本一起显示 我很困惑为什么会发生这种情况 显示整个图像的唯一方法是在图像周围添加近 170 像素的填充 请有人帮忙 Thanks 你之前需
  • 如何在光标下的所有元素上调用 mouseover?

    我有一个网络应用程序 每次单击时都会创建一个点 见下文 当我将鼠标悬停在一堆点上时 我希望光标下的每个点都会触发 mouseover 或 mouseenter 事件 然而 只有一个事件被触发 即堆栈 顶部 的点的事件 当鼠标移动到一堆多个点
  • 在 TCPDF 中设置背景颜色

    我已经手动设置了第一页的背景颜色 如下所示 pdf gt AddPage pdf gt SetFillColor 52 21 0 76 pdf gt Rect 0 0 pdf gt getPageWidth pdf gt getPageHe
  • 呈现为 Flexbox 的有序列表不显示项目符号/小数(项目也呈现为 Flexbox)

    我有一个有序列表 ol 有它的display属性设置为flex 列表项也呈现为弹性框 这样做会导致项目符号 数字 不再显示 有什么办法可以让项目符号显示在ol有课 questions questions likert 在40px的区域pad
  • dompdf:找不到图像或类型未知

    这是我的代码 我几乎尝试了所有在 PDF 上显示图像的方法 但仍然不起作用 你能帮我解决这个问题吗 我还将 DOMPDF ENABLE REMOTE 设置为 true 结果仍然相同 require once dompdf autoload
  • CSS:将加载指示器放置在屏幕中央

    如何将加载指示器放置在屏幕中央 目前我正在使用一个小占位符 它似乎工作得很好 但是 当我向下滚动时 加载指示器保持在该预定义位置 我怎样才能让它跟随滚动 使其始终位于顶部 busy position absolute left 50 top
  • 通过 vh 和 vw 调整 css 字体大小

    所以我想根据容器的大小自动调整文本的大小 但是如果我使用类似的东西 font size 5vw 看起来不错 但是当我缩小页面时 高度开始变得太小 无论如何 我是否可以根据 vh 和 vw 调整文本大小 例如 如果我只是减小页面的宽度 那么高
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne

随机推荐

  • 如何在 Laravel 中实现我的 sql 语句?

    我有以下 MySQL 查询 效果很好 它从我的表中返回随机结果 SET prev 0 rownum 0 SELECT utilizador id nome FROM SELECT IF prev lt gt utilizador id ro
  • 两个命名空间之间的不明确引用错误

    我在尝试在浏览器上运行 Web 服务时收到此消息 请注意 源代码是一个 Windows 文件 无法根据我的需要进行更改 编译器错误消息 CS0104 消息 是不明确的引用 在 ThreeDSeekUtils Message 和之间 Syst
  • 如何用javascript制作一个简单的自动播放幻灯片?

    我想制作一个简单的幻灯片放映 在页面加载时自动播放 到目前为止 这是我的代码 HTML div div img src slide 1 png div div img src slide 2 png div div img src slid
  • 使用install_github时出错:'exdir'不存在

    我正在尝试从 github 安装软件包 但不断收到以下错误 Error in unzip src list TRUE exdir does not exist 我猜测 unzip 无权创建要解压缩的目录 但我不知道如何将参数传递给 exdi
  • Boost.python自动转换参数

    我正在使用 boost python 来包装 C 类 A 该类采用字符串作为构造函数 然后我有一个函数 fun A arg 它将引用 A 作为参数 我想要一个 fun 的Python包装器 如果我传递一个对Python字符串的引用的变量 这
  • Prototype 或 JQuery 能否在 AJAX 请求上返回 HTTP 状态代码

    url http example com new Ajax Request url onComplete function transport alert transport status 如果网站正在运行 我希望返回 200 的状态 如果
  • 带有附加数据的 Swift 3 错误

    在 Swift 3 中 在错误 异常中放置 可能很多 附加信息的推荐方法是什么 捕获器可以使用它来解决 处理问题 在我见过的所有例子中 他们都使用enums 与相关的值 这对于大量信息来说似乎过于麻烦 冗长 具体来说 我正在编写一个简单的解
  • 粘贴对象时强制仅粘贴值的 Excel VBA 代码会导致奇怪的行为

    我有一个电子表格 用户可以在其中输入调查数据 并且像许多其他电子表格一样 需要防止用户覆盖各种格式功能 我使用了以下内容 Private Sub Workbook SheetSelectionChange ByVal Sh As Objec
  • 使用流和 sum 方法对 BigDecimal 列表求和

    如果列表中有所有 int 或 long 或其他原始数据类型值 那么我们使用以下方法获得所有值的 sun return items stream mapToInt i gt i sum 我有 BigDecimal 值列表 如何使用查找所有值的
  • 如何使用 Perl 6 运行外部程序? (例如 Perl 5 中的“系统”)

    我可以用system在 Perl 5 中运行外部程序 我喜欢想system就像 Perl 中的微型 Linux 命令行 但是 我找不到相关文档system在 Perl 6 中 等效的是什么 Perl6 实际上有两个命令替换system从 P
  • 纯 CSS 旋转动画在无限循环中损坏

    自从我在这里问问题以来已经有一段时间了 所以如果我做错了什么请原谅 我有一个问题CSS动画 我希望我的动画不断重复但不失去最初的效果 然而 我的代码或 CSS 动画行为似乎存在错误 首先完成后2 个旋转动画 旋转 旋转 定义的 循环开始 但
  • 查询优化:选择相交点的多边形

    我有两个 Oracle 18c 表 ply 多边形 4970 行 pnt 点数 3500 行 形状存储在 SDO GEOMETRY 列中 编辑 我现在意识到大多数点都是重复的 空间上 但我认为这不是问题 数据可以在这里查看 数据库小提琴 我
  • 在 Postgresql 的 where 子句中使用 Alias 列

    我有一个这样的查询 SELECT jobs CASE WHEN lead informations state IS NOT NULL THEN lead informations state ELSE NEW END AS lead st
  • Three.js Raycaster在浏览页面时发生偏移

    如果场景没有显示在整个页面上并且您可以滚动 Raycast 将停止工作并被您滚动的内容所抵消 向一侧滚动 20 像素 在对象下方 20 像素处单击 以便 Raycaster 正确识别该对象 如何解决这个问题 非常感谢您的帮助 使用 var
  • 如何计算句子中的单词数,忽略数字、标点符号和空格?

    我该如何计算句子中的单词数 我正在使用Python 例如 我可能有以下字符串 string I am having a very nice 23 day 那将是7个字 我在处理每个单词前后的随机空格数以及涉及数字或符号时遇到问题 str s
  • R 消息:错误 - 替换有 x 行,数据有 y

    我正在尝试使用该包ggmap使用地址列表计算目标地址的距离 我的 csv 数据如下所示 Order ID Address 1652049 435 E 70TH ST 10021 1652123 1365 YORK AVE 10021 165
  • Sonar Lint 与服务器规则不同步

    Sonar Lint 2 0 它已连接到我自己的 Sonar Qube 服务器 插件没有报告任何问题 问题是它与我的服务器规则不同步 找到了 Java 文档中提到的那些 但它们似乎也不是全部 我想知道这些java规则列表是否仅在未连接到任何
  • 将十六进制编码的字符串转换为字符串

    我想转换以下十六进制编码String在斯威夫特 3 中 dcb04a9e103a5cd8b53763051cef09bc66abe029fdebae5e1d417e2ffc2a07a4 至其等价物String J 7c f A 以下网站可以
  • R Shiny radioButtons 如何更改某些选项的颜色?

    ui lt fluidPage radioButtons dist Distribution type c Normal norm Uniform unif Log normal lnorm Exponential exp server l
  • Bootstrap 3 简单的下拉菜单不起作用

    当尝试调整到Bootstrap 3时 我遇到了以下问题 当我单击名为的按钮时F 我想Home and Not Home出现 但目前还没有 This是我正在学习的视频 div class navbar navbar inverse navba