bootstrap导航栏(navbar)下拉框无法展开

tthappyer 2020-05-17

自我检查：

1、代码有无错误

2、是否引用bootstarap、jquery。（版本不能太低）

3、jquery的引用顺序要在bootstrap之前（package.json文件，修改后需要重新运行）

"dependencies": {

   "jquery": "^3.5.1",

   "bootstrap": "^4.5.0",

}

注：如果还有问题，一定是你的打开方式不对(∩_∩)

tthappyer

tthappyer

相关推荐

详解bootstrap导航栏.nav与.navbar区别

刚刚看了bootstrap的导航栏，发现有点弄混了，现在来整理一下；导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也

乔乔 / 0评论 2017-11-23

BootStrap导航栏问题记录

今天完成的事情：（实现了test9的响应式导航栏的垂直平分和下拉列表的居中问题。我觉得最麻烦的就是要在bootstrap的格式下修改。我弄了好多次demo来虐导航栏。但是一直都没有头绪。知道昨晚在完玩狼人杀后，突然灵机一闪。在查看psd图的效果是导航栏的a

soulis / 0评论 2017-07-31

Bootstrap实现渐变顶部固定自适应导航栏

html, body {width:100%;height:100%;} /*非常重要的样式让背景图片100%适应整个屏幕*/. .bg {display: table;width: 100%;height: 100%;padding: 100px 0;t

hllinc / 0评论 2019-05-09

bootstrap导航栏、下拉菜单、表单的简单应用实例解析

-- Brand and toggle get grouped for better mobile display -->. -- Collect the nav links, forms, and other content for togglin

iChangebaobao / 0评论 2017-01-06

BootStrap学习笔记之nav导航栏和面包屑导航

<li> <a href="#" > <span class="glyphicon glyphicon-log-in"/>登录</a></li>

男儿何必尽成功 / 0评论 2017-01-03

Bootstrap实现导航栏的2种方式

导航的制作方法也是千奇百怪，五花八门。在下面的内容中，介绍两种制作导航栏的方式。<button class="btn btn-default" type="button">案例分析</button&

hllinc / 0评论 2016-11-28

解决bootstrap导航栏navbar在IE8上存在缺陷的方法

在Bootstrap的官网上，提供了一种导航栏的组件：只要在站点文件夹放好JQ与Bootstrap输入如下代码：

lixia / 0评论 2016-07-01

拥Bootstrap入怀――导航栏篇

完整网页的效果和代码可以点击这里查看或者到CodePen上查看。网页要达到的主要效果包括以下几点：。下面我们开始拥Bootstrap入怀。导航栏在使用bs之前首先要引用bs，包括css和js，引用的方式很简单，和引用普通外部文件相同，可以使用cdn链接，也

wuchangjian / 0评论 2016-05-30

Bootstrap编写导航栏和登陆框

本文实例为大家分享了Bootstrap导航栏和登陆框的具体代码，供大家参考，有不足的地方请大家谅解，大家共同学习进步。<a href="#" class="dropdown-toggle" data-toggl

DJPLH / 0评论 2016-05-30

Bootstrap多级导航栏(级联导航)的实现代码

在bootstrap官方来说，导航最多就是两级，两级以上是无法实现的，大叔找了一些第三方的资料，终于找到一个不错的插件，使用上和效果上都还不错，现在和大家分享一下。</ul>最后的效果就是第一个图了，值得注意的是，如果希望每个菜单之间使用分割线

wuchangjian / 0评论 2016-03-08

Bootstrap实现响应式导航栏效果

为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 <div> 中。折叠起来的导航栏实际上是一个带有class .navbar-toggle 及两个 data- 元

DJPLH / 0评论 2015-12-28

Bootstrap导航栏各元素操作方法(表单、按钮、文本)

这确保了表单适当的垂直对齐和在较窄的视口中折叠的行为。使用对齐方式选项来决定导航栏中的内容放置在哪里。<button type="submit" class="btn btn-default">搜一下&l

Chinahdy / 0评论 2015-12-28

Bootstrap实现默认导航栏效果

导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏是响应式元组件就，作为应用程序或网站的导航标题。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了为站

lixia / 0评论 2015-12-28