个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我制作了一个 Bootstrap 响应式菜单，但当它折叠时，单击右键无法打开它。注意:我在页脚中包含了 bootstrap js 和 jquery 文件。这是我的代码(header.php):
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?php echo "http://" . $_SERVER[HTTP_HOST]; ?>/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo "http://" . $_SERVER[HTTP_HOST]; ?>/bootstrap/css/bootstrap-theme.css" rel="stylesheet">
<link href="<?php echo "http://" . $_SERVER[HTTP_HOST]; ?>/css/style.css" rel="stylesheet">
<title>Test Bootstrap</title>
<head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Formules-faciles.com</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li <?php if($activelink == "formules"){echo "class=active";}?>><a href="/formules"><i class="glyphicon glyphicon-plus"></i> Formules</a></li>
<li><a href="#"><i class="glyphicon glyphicon-comment"></i> Forum</a></li>
<li><a href="#"><i class="glyphicon glyphicon-save"></i> Téléchargements</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Se connecter<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Avec Google</a></li>
<li><a href="#">Avec Facebook</a></li>
<li class="divider"></li>
<li><a href="#">Form connexion</a></li>
</ul>
</li>
</ul>
</ul>
<form action="" method="" class="navbar-form navbar-right" role="search">
<div class="input-group">
<input type="text" class="form-control" id="search-input" placeholder="Rechercher">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="glyphicon glyphicon-search"></i></button>
</span>
</div>
</form>
</div>
</div>
</div>
</nav>
在 footer.php 中:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- Jquery -->
<script src="<?php echo "http://" . $_SERVER[HTTP_HOST]; ?>/bootstrap/js/bootstrap.min.js"></script>
最佳答案
添加
id="bs-example-navbar-collapse-1"
到
<div class="collapse navbar-collapse">
现在您的数据目标没有指向任何东西。您希望它指向要切换折叠的 div。
关于javascript - Bootstrap 折叠菜单打不开，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26527948/
24
4
0
如何使用 ToggleButton 启用/禁用推送通知 示例: ToggleButton 禁用 (OFF) >>> 推送通知应该停止 ToggleButton 启用 (ON) >>> 推送通知 Sho
我有一个 div，它通过简单的转换将自身转换为: div{ transform: translate3d(0, -100%, 0); transition: all .5s; } div.ac
我尝试为静音/取消静音按钮创建一个开/关按钮: override func touchesEnded(touches: NSSet, withEvent event: UIEvent) {
我正在手动设置 Jest 。 我的 repo 结构: my-proj - src - components ... - accordion - index.jsx - t
我有一个这样的测试失败了，因为没有调用模拟，问题是模拟被调用但在测试完成之前。 test('should submit if proper values', () => { const spy =
目前我正在使用标准的 testRegex 逻辑来运行我的测试 "jest": { "moduleFileExtensions": [ "ts", "js"
目前我有这个测试: import toHoursMinutes from '../../../app/utils/toHoursMinutes'; describe('app.utils.toHour
使用Chai，您可以创建一个 spy 对象，如下所示: chai.spy.object([ 'push', 'pop' ]); 使用 Jasmine ，您可以使用: jasmine.createSpy
我正在编写一个 Jest 测试，其中我调用一个函数并期望返回一个对象，如下所示: const repository = container => { const makeBooking = (us
当我单独运行每个测试时，它们都成功了。但是当我通过 npm test 一起运行它们时第二个测试失败: Expected number of calls: 2 Received number of ca
我们最近将两个不同的 repos 迁移到一个 monorepo 中。每个都使用 jest 和自己的自定义配置，在他们自己的 package.json 文件中定义。 我想使用 --projects标志以
我试图模拟属性(property) tz和一个使用 jest 的函数，但我不知道将这两个东西一起模拟: 如果运行类似: jest.mock('moment-timezone', () => () =>
我正在尝试设置 Jest 来测试我的应用程序的发展。我收到以下错误: SyntaxError: Unexpected identifier > 1 | const screenSize = requi
我将 Jest 与 React-Native 结合使用，并且偶然发现了一个问题。 App.js 组件中的一小段代码导致 50:50 分支覆盖率: const storeMiddleware = __D
我在下面创建了一个 Jest 测试文件。但是没有创建该文件的快照。我的代码有什么问题？ import React from 'react'; import Carousel from './compo
我正在尝试弄清楚如何更新单个快照文件。在文档中，它说只需添加 -t 并且我假设文件名，但这对我不起作用。 例如，在我使用的终端中。 jest -u -t test/js/tests/component
我是 JEST 新手，目前正在测试一个 Javascript 组件，该组件在其 onComponentDidMount 中进行 API 调用。根据 ajax 调用(api 调用)的返回数据，我的组件显
我正在尝试开玩笑地为我的 Web 组件项目编写测试。我已经在 es2015 预设中使用了 babel。我在加载 js 文件时遇到问题。我遵循了一段代码，其中 document对象有一个 current
我刚刚开始使用 jest，但有些事情我不太清楚。 例如，为什么要测试此功能: const liElement = object => `${object.title}`; 与: expect(liEl
我正在编写需要定义 window.location.href 的单元测试第一个单元测试创建如下 describe('myMethod()', () => { beforeEach(()
我是一名优秀的程序员,十分优秀！