如何在nav-item上添加bootstrap 4活动类？
要在nav-item上添加Bootstrap 4活动类，可以通过以下步骤实现：
- 首先，确保你已经引入了Bootstrap 4的CSS和JavaScript文件。你可以在Bootstrap官方网站上下载最新版本的文件，或者使用CDN链接。
- 在HTML中，找到你想要添加活动类的nav-item元素。nav-item通常是一个带有.nav-item类的<li>元素。
- 在该nav-item元素上添加一个唯一的ID属性。例如，可以将ID设置为"home"。
- 使用JavaScript或jQuery来添加活动类。你可以通过以下代码将活动类添加到nav-item上：
// 使用JavaScript
document.getElementById("home").classList.add("active");
// 使用jQuery
$("#home").addClass("active");- 保存并刷新你的网页，你将看到添加了活动类的nav-item元素突出显示。
请注意，这里的代码示例假设你已经正确地引入了Bootstrap 4的文件，并且你的HTML结构和CSS样式与Bootstrap的要求相匹配。此外，这只是一种添加活动类的方法，你可以根据自己的需求进行修改和调整。
关于Bootstrap 4的更多信息和使用方法，你可以参考腾讯云的Bootstrap 4产品介绍页面：Bootstrap 4产品介绍。
相关·内容
4回答
引导4导航条活动背组颜色
、、、
在一个引导3导航栏，当一个链接是活动的，链接的背景颜色被改变，以显示它的活动链接。这似乎在Bootstrap 4中缺失了。是否有一种方法来显示这一点，还是我需要重写活动类？
引导带3肚脐如下所示。您可以看到，活动主页链接是突出显示，如何在引导4显示这一点。
下面的角5码
<div class="navbar-collapse" [ngbCollapse]="navbarCollapsed" id="navbarContent">
<ul class="nav navbar-nav mr-auto&#
浏览 0提问于2018-05-14得票数 5
回答已采纳
1回答
实际上，我正在尝试创建带有Bootstrap的活动类，以便在我的网页的活动部分周围显示一个导航药片/容器。这在大屏幕上很好，但在较小的屏幕上，随着汉堡包菜单的激活，导航丸会延伸到整个div/容器中，但我希望它只环绕在类似于大屏幕时的单词上。
下面是一个带有一些填充内容的代码，以模仿我的问题：
以及仅用于导航栏的代码：
<!-- Bootstrap-5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="styles
浏览 4提问于2022-06-28得票数 0
我对addEventListener有意见。我想要实现的是，单击选定的.nav-item获得活动类(Bootstrap)，这样就可以工作了。问题是我不知道如何使用"if not clicked“语句在新的活动类被单击时删除活动类。很抱歉，我很难解释这一点。 let navItems = document.querySelectorAll(".nav-item");
navItems.forEach(navitem => {
navitem.addEventListener("click", f
浏览 29提问于2020-07-03得票数 0
回答已采纳
我正在创建一个(不是专业的)项目来练习我的编码技能。我正在使用bootstrap做一些事情，包括导航栏。但我想要更改活动类(导航项目在不同的ul中)
我已经尝试了通过谷歌搜索"change active class in bootstrap“找到的基本方法，但我的html代码与任何人都不相似。我曾尝试使用唯一的类名，将active设置为current，但这破坏了代码。所以我必须使用活动类。我很感谢大家的帮助，谢谢。
这是我在github.com上的代码
我希望它改变活动类的基础上点击，也基于用户正在查看(例如:首页作为活动，如果用户在主页上，大约活动，如果用户向下滚动到约页面)。
代码
浏览 10提问于2019-07-16得票数 0
当我点击nav链接时，它会重定向到另一个页面，因为我在href标签中包含了li a，但是活动链接仍然在家里。例如，如果我单击profile它显示在Home页面上的活动链接，而不是profile，或者如果我单击about页面，活动链接仍然在home页面上。如何根据用户单击的导航栏内容更改active链接？如果用户单击profile，则应从home中删除active并设置为profile。我怎样才能做到这一点？
到目前为止我尝试过的是：
My code:
<html>
<head>
<link
浏览 1提问于2020-10-05得票数 0
回答已采纳
品牌名称在Bootstrap 5中不与左对齐：
.navbar-nav>li {
padding-bottom: 2px;
font-size: 25px;
display: block;
}
nav {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
width: 100%;
}
.container {
text-align: center;
padding-top: 35px;
}
nav img {
padding-left: 15px;
opacity: 0.75;
}
@media scre
浏览 5提问于2022-02-18得票数 0
1回答
在引导4折叠中，我需要禁用.show类中出现在.collapsing类之后的延迟。
因此，我需要的是在单击.show之后立即在.collapse类上显示toggle类。
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<l
浏览 0提问于2018-05-23得票数 0
回答已采纳
2回答
使用Bootstrap 4 v6，我有以下导航：
我正尝试在选定的菜单项上设置活动类，但我所做的任何操作都没有起作用。
我最接近的就是这段代码：
$(document).ready(function() {
$('.navbar ul li').click(function(e) {
$('.navbar ul li.active').removeClass('active');
var $this = $(this);
if (!$this.hasClass('active')) {
浏览 0提问于2017-07-01得票数 1
1回答
我有一个标题，我计划使用在我的所有网页顶部。我想将它保存在一个单独的文件中(我习惯于使用php，但我对Bootstrap世界并不熟悉)；但是，我不确定如何动态地将active类分配给表示当前页面的nav-item。Bootstrap (4)是否有这类事情的烘焙解决方案？我一直在四处寻找，但还没有找到一个好的解决办法。提前感谢！
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-transparent fixed-top">
<div class=&
浏览 3提问于2017-10-13得票数 0
回答已采纳
我在使用默认的Bootstrap Nav pill作为我的页面导航栏上的链接时遇到了问题，在那里它们会显示药丸是否处于活动状态。因为我有代码，NavLink是纯文本的，我似乎不能使用Bootstrap中的任何活动样式。 我使用的是Bootstrap 4和React Router。 import React, { Component } from "react";
import { NavLink } from "react-router-dom";
class NavBar extends Component {
render() {
retur
浏览 28提问于2019-05-07得票数 1
我正在使用Blazor & Bootstrap构建一个应用程序。我想使用标准的引导导航栏。我不知道如何将"active“类添加到所选的<li>标记中。 这是我的代码： <div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<NavLink class="nav-link" href="
浏览 99提问于2020-10-12得票数 3
回答已采纳
1回答
我使用两个折叠菜单的主题中给出的代码创建了一个导航条，但当一个菜单处于活动状态，然后打开第二个菜单时，第二个菜单的折叠内容将添加到第一个菜单的末尾。当我们打开第二个菜单时，如何关闭另一个菜单？
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
line-height: 60px;
/* Vertically cen
浏览 0提问于2018-05-22得票数 0
回答已采纳
1回答
v4引导类的问题
、、
我正在使用引导v4，并使用CDN：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
<script src="https:/
浏览 1提问于2016-10-21得票数 0
回答已采纳
我实际上是在尝试做这个在线课程，在教练使用引导带4，但我决定我可以做Bootstrap 5.1。
我试图使我的导航条元素，如右边的有序列表，但我检查了文档和一切，我似乎无法理解为什么它不工作。
所以我现在的导航栏是这样的：
所以我似乎无法理解，我使用了这些不同的变体：
还有，谁能帮我弄明白我是什么？mb？我代表什么？以及如何在BootStrap 5.0中将其转到右侧
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"&
浏览 4提问于2021-09-18得票数 0
1回答
引导4导航栏防止崩溃
、、、
因此，我似乎无法阻止肚脐自陷。但是这种崩溃行为只发生在窗口大小的中间(约1280 or )，但是当窗口是宽的或窄的时候，它是好的。
.navbar-custom {
background-color: #333333;
border-radius: 5px;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
color: #999999;
}
/* change the color of active or hovered links */
.navbar-custom .
浏览 0提问于2019-03-16得票数 0
回答已采纳
目前，我正在使用Bootstrap V4，我正在尝试创建一个响应性的导航条。在ipad和所有的移动设备上，我希望我的导航条品牌/标题以居中对齐，让链接消失，并让粘稠的底部导航条出现。目前，我有三个问题：
我不知道如何使粘稠的底部导航只出现在ipad屏幕宽度和下面。文本对齐中心似乎不工作。在较小的屏幕宽度，在底部导航上的li链接变成垂直列表。。
目前，这是我的_nav.html.erb
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" id='title'
浏览 8提问于2020-07-05得票数 1
回答已采纳
1回答
引导5:页脚全宽度不工作
、、、
我目前正在使用的引导页脚的例子，我有一个困难的时间弄清楚如何使页脚在全宽度。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<div class="container-fluid">
<footer class="py-4 bg-dark">
<ul class="nav justify-cont
浏览 6提问于2022-12-02得票数 0
回答已采纳
我希望下拉菜单在不改变主导航结构的情况下推送看到的内容，
我尝试将.dropdown-menu上的类css从绝对位置更改为静态位置，但正在更改主导航的结构，我不知道如何解决此问题
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integr
浏览 0提问于2019-05-05得票数 0
1回答
在Bootstrap 4中，填充会自动应用于nav-item内容。当我使用Bootstrap 5时，内容被粘在页面边框上，没有间距。这是在Bootstrap 5中应该如何工作的吗?还是我用错了类？示例代码：
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">menu<li>
<li class="nav-item">faq<li>
<li class=&
浏览 5提问于2021-02-25得票数 0
我一直在尝试设置nav-tabs的样式，以便当前选项卡在被选中时始终具有不同的外观。我设置了这个用于测试的最小文件。单击选项卡时，内容会正确更改，但我不知道如何将CSS样式应用于当前选定的选项卡。
我在文件中做错了什么吗？考虑到该文档调用的当前资源，是否有一种简单的方法来完成样式设置(如更改活动选项卡的背景颜色)？我的目标是在不使用任何额外的javascript的情况下尽可能地减少项目的占用空间。
<div class="container">
<ul class="nav nav-tabs nav-justified">
浏览 70提问于2018-09-29得票数 0
2回答
也许我找不到有同样意图的案子。 我有一些附加了动态内容的固定列，但页面主体不溢出。 我正在使用Bootstrap，以防有使用Bootstrap或仅使用CSS的解决方案。 $("#add").on('click',function(){
count=$('#content > li').length;
no=count+1;
data = '<li class="nav-item"><a class="nav-link">Item '+no+
浏览 32提问于2020-09-16得票数 0
1回答
我刚开始吃香草巧克力。我有一个导航栏，链接到各部分。我想在这个部分一开始就使类活动起来。如果没有活动部分，则删除活动类。找到这样一个，但有一个缺点。如果我处于非活动部分，活动类将与前一个活动部分保持不变。
const links = document.querySelectorAll('.nav-link');
const sections = document.querySelectorAll('.forJS');
function changeLinkState() {
let index = sections.length;
wh
浏览 2提问于2021-02-12得票数 2
回答已采纳
1回答
在叠置div之前在div中断线
、、、、
我想设计一个响应的导航条使用引导。问题是，当我使窗口变小时，折叠图标从右上角移动到我的“徽标”下面。
这是该站点在普通屏幕上的样子：
这就是它在移动屏幕上的样子：
这就是我希望它看起来的样子。div在按下自己下面的折叠按钮之前，应该打破这条线：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<link href="ht
浏览 1提问于2019-04-04得票数 0
回答已采纳
我已经使用Bootstrap 4创建了导航选项卡，并获得了以下输出 ? 但是，我希望获得以下移动视图的输出，但我的代码不能按预期工作。 ? 请帮助我获得截图中提到的所需输出。 提前谢谢。 @media screen and (max-width: 768px) {
.nav-tabs{
justify-content:center;}
}
.nav-tabs{
border:none;
padding:28px 0 0 0;
border-bottom:1px solid #e9e9e9}
.nav-link{
font-size:16px;
line-height:
浏览 23提问于2021-03-16得票数 1
2回答
如何删除下边距
、、
我是第一次练习bootstrap，遇到了一个相当大的问题。这里，我在导航栏的顶部和底部添加了两条水平线。我在导航栏和金色水平线之间的底部有一个意想不到的空白处。<div style="height:10px; background: rgb(228, 240, 1)"></div>这一个。请帮帮忙。 <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport
浏览 31提问于2021-05-01得票数 1
我见过一些关于这方面的帖子，但没有一篇对我有用。此外，我认为我的问题与我在jQuery中添加html‘模板’的方式有关。我想这可能和范围有关，但我不确定。我还是网页设计的新手。
我从引导程序中使用'.active‘类，我想在导航按钮之间切换这个类。首先，我试着按照这些视频上的说明做这件事，最后从几个不同的SO帖子开始。
jQuery教程:基于URL向导航菜单项添加活动类
带有 jQuery的活动菜单单击项
这是我目前的代码。
index.html
<!DOCTYPE html>
<html>
<head>
浏览 5提问于2017-08-29得票数 0
回答已采纳
为什么突出显示菜单项在ASP.NET MVC中不起作用？
我正在测试在MVC程序中突出显示所选菜单项的方法。
测试环境包括:1)使用MVC的ASP.NET内核(使用.NET 5) 2)引导带V4.6
首先，我创建了一个小的html文件，只用于用JQuery来测试带引导的"hightlight“mehtod。(请参阅下面的html文件内容)。这个html页面运行良好。它将活动菜单项的文本颜色更改为红色。
其次，我创建了一个ASP.NET核心MVC项目。在_layout.cshtml文件中，我还使用引导4和相同的JQuery脚本来突出显示活动菜单项。顶部菜单对各种导航条组件具有相同的引导类
浏览 3提问于2022-02-03得票数 1
回答已采纳
我想在导航栏上方创建一个空白，用于回显名称，例如:欢迎莎拉！请检查一下我得到的输出：
在上面的图片中，我想在Login \注册按钮上回音欢迎Sarah。
我想显示搜索栏以上的阿迪达德鞋店从出租开始。欢迎右边的莎拉。导航就会显示出来。
我的代码：
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZ
浏览 0提问于2018-11-16得票数 0
3回答
我想在Bootstrap 4上更改我的navbar的颜色，但它不起作用，我不明白为什么。我试了很多方法，但什么也没做
这是带有他的小CSS的navbar
<nav class="navbar navbar-light bg-faded">
<div class="nav navbar-nav">
<a class="nav-item nav-link active" href="#">HearthBreak <span class="sr-only"
浏览 0提问于2016-12-26得票数 0
1回答
我在导航栏上有4个相互引用的页面(index2.html/seite2 1，seite2，seite3.html)。我正在试图找到一个页面来突出显示导航栏上的当前页面，但我只做了一秒钟。当我点击它时，它会变成红色，但它会立即变成默认的“主页”。我被困在这上面好几天了，我找不到问题了。标签上有我看不到的循环吗？任何帮助都是非常感谢的。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset=&#
浏览 1提问于2021-05-22得票数 0
回答已采纳
非常新的HTML和JS与Bootstrap相结合。我使用Cyborg主题和我的HTML文件中的导航标签。我遇到的问题是，每当我点击一个标签时，我希望那个标签变成“活动”标签。但这不起作用，相反，我在HMTL中设置为活动的唯一选项卡是保持活动的选项卡。
选项卡会发生变化，因此我会显示正确的信息。就是这个小细节让我非常沮丧。有什么想法吗？
我的HTML：
$(".nav li").on("click", function() {
$("nav li").removeClass("active");
$(this).
浏览 1提问于2018-03-19得票数 0
1回答
我需要帮助引导容器和行宽。 我已经创建了一个容器，并在其中创建了一行。我将所有内容都放在行中，但由于某些原因，内容大小与jsfiddle和图像预览中显示的内容大小不同。 <!DOCTYPE html>
<html lang="cs">
<head>
<title>xGhost.cz | Československý Gamehosting.</title>
<!-- meta data -->
<meta name="author
浏览 2提问于2021-10-03得票数 2
3回答
我在这里使用的是bootstrap 4.1导航条。我希望我的div "#pin_to_top“总是在导航栏的顶部。所以在更宽的屏幕上
徽标-菜单- "#pin_to_top“(全部在同一行)
而在较小的设备上，它就像
徽标- "#pin_to_top
菜单(菜单在我的徽标和div下)
另外，如果您对我的代码有任何其他的建议，我们将非常感谢:)
.navbar-brand img {
height: 2rem;
}
.phonecall {
border-radius: 2rem;
background-color: #28a745;
f
浏览 0提问于2018-09-01得票数 1
1回答
我在ng-bootstrap (Angular 4+ Bootstrap 4)中创建了一个导航栏，其中一些项目位于左侧(一个下拉列表)，另一些项目位于右侧(非下拉列表)。我已经能够与下面的代码左右对齐，但右对齐的项目更高，颜色也不同，这表明一些CSS被正确应用。
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button"
浏览 5提问于2017-08-08得票数 1
回答已采纳
1回答
我正在使用Laravel 5.5，我想构建一个单一的布局，但我不能做我想做的事情。因此，这就是我使用Bootstrap 4并复制这样一个示例导航条的问题(下面的代码)
<nav class="container-fluid navbar navbar-expand-sm bg-dark navbar-dark" style="padding-left: 75px; margin-top: -16px;">
<ul class="navbar-nav">
<li cl
浏览 0提问于2018-06-21得票数 0
回答已采纳
当我点击链接时，我在尝试设置“活动”类时遇到了一个小问题，这样我就知道我在哪个页面上了。目前发生的情况是，当我点击一个不同的标签时，它会将其设置为“活动的”，但当页面加载时，它就会消失。
我使用的是Node.js、Express、Handlebar和Bootstrap。我有一种感觉，这与class="nav-link active“在<a>标记而不是< li >标记中的事实有关。
另请查看所述问题的快速视频：
提前感谢！
layout.handlebars
<div class="container">
<div cla
浏览 0提问于2018-05-20得票数 3
当用户关闭选项卡时，我需要从nav-item中删除活动类。我尝试构建内含文本内容的选项卡。默认情况下，当用户打开页面时，应关闭选项卡。当用户单击选项卡打开它时，它应该将颜色更改为蓝色(因此在这里我可以使用活动类添加样式)，但当它关闭时，它应该将颜色更改为白色。最好的方法是从li中删除活动类，而我则停留在这里。该怎么做呢？不幸的是，当我单击选项卡来关闭活动类时，Bootstrap并没有删除它。仅当我在选项卡之间切换时，Bootstrap才会删除活动类。 这是我的HTML： <div class="col-md-12">
浏览 28提问于2019-06-27得票数 1
1回答
我在用引导程序4在一个博客网站上工作(Python)，我使用的是Bootstrap 4 CDN，然后当Bootstrap 5出现时，我切换到了Bootstrap 5(本地的)。
我面临两个问题。
在我的肚脐上，登录和注册是“右对齐"，现在在引导5是”左对齐“。
在响应式移动布局上，菜单按钮不工作。
如果我切换到Bootstrap 4，这两个问题就不存在了。
如何纠正引导5中的对齐？
如何使菜单按钮在响应式布局上工作？
<header class="site-header">
<nav class="navbar nav
浏览 1提问于2021-02-21得票数 0
回答已采纳
我正在使用bootstrap和vanilla js。我想要做的是，当你点击其中一个链接时，你将被分配到“活动”类。
到目前为止，我有以下代码：
var links = document.querySelectorAll(".links-menu");
for (var i = 0; i < links.length; i++) {
var link = links[i];
link.onclick = function() {
var prev = document.getElementsByClassName("active");
浏览 0提问于2019-12-12得票数 0
1回答
我已经尝试了几次，但似乎不能让我的活动类在Bootstrap导航栏(在Bootstrap 4中)上进行更改。当我点击一个新的菜单选项时，它开始改变为活动类，但立即改变回'home‘选项为活动状态。
这是我的导航栏：
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="{% url 'home' %}"
浏览 0提问于2018-03-10得票数 0
2回答
我正在尝试为引导导航栏组件设置新的颜色，但遇到了问题。这是否与未能覆盖bootstrap或css链接位置有关？我已经尝试省略了bootstrap bg-light设置，并在main.css中定义了导航栏的背景色。我遗漏了什么？下面是您感兴趣的HTML：
{% extends 'bootstrap/base.html' %}
{% block title %}Welcome{% endblock title %}
{% block html_attribs %}lang='en'{% endblock html_attribs %}
{% block he
浏览 20提问于2020-06-01得票数 1
我正在使用bootstrap carousel并尝试将另一个页面上的项目设置为活动状态。
下面是一些代码片段。
导航栏在主页上，
<ul class="navbar">
<a href="#" class="nav-item active" data-target="#myContent" data-slide-to="??" >nav 1 </a></li>
<a href="#" class="nav-item&
浏览 0提问于2014-08-15得票数 0
1回答
在我的页面上，navbar是垂直出现的，而不是水平的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
<meta http-equiv="x-ua-com
浏览 2提问于2017-05-23得票数 3
回答已采纳
我用Bootstrap Code做了一个导航栏...但是，即使在我的导航栏的li类中提到了'active‘状态，它在导航栏元素的网页上也没有显示任何'active’效果。
实际上我正在尝试添加和删除导航栏Elements..But上的活动类我无法解决上述问题first...Can您请帮助我...？
.navbar {
position: fixed;
top: 0px;
width: 100%;
}
.nav-menu {
padding: 0;
background-color: #000000;
opacity: 0.85;
height:
浏览 0提问于2020-07-05得票数 0
我在所有的bootstrap中都有这个导航栏：
.navbar {
background-color: aqua;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 3提问于2020-02-27得票数 1
从昨天开始，我一直在寻找关于这个问题的答案，但没有找到答案。我需要在bootstrap中的一个巨型加速器的中心的文本。
<!DOCTYPE html>
<html>
<head>
<title>Lorem Ipsum</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://s
浏览 28提问于2019-07-23得票数 1
回答已采纳
我得到左对齐的文本时，在移动view.This是在bootstrap4中完成。如何在折叠时将菜单内容居中 ? <ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link color-me" href="#home">Home</a>
</li>
&
浏览 18提问于2020-06-25得票数 0
因此，在Bootstrap v3中，您只需向nav标记添加一个数据偏移属性，带有像素偏移，在本例中为54px，
<nav data-offset="54"></nav>
然而，在Bootstrap v4中，这个数据偏移量属性缺失，并且不起作用。我看了一遍v4文档，似乎什么也找不到！我还尝试过使用data-offset和offset属性，但它们也不起作用。
这是导航的html代码。
<nav class="navbar navbar-light bg-faded navbar-fixed-top">
<button t
浏览 25提问于2016-09-20得票数 0
回答已采纳
1回答
我刚开始学习和编码教育，首要的任务之一是构建一个one应用程序。为了得到一个好的结果，代码必须没有错误地运行，不幸的是，我的代码不是没有错误地运行：
main.js:11未捕获TypeError:无法在单击(‘main.js:11’，nextSlide)处读取null的属性'addEventListener‘；
当我注释掉它时，下一个错误返回: main.js:12未捕获TypeError: Cannot read property 'addEventListener‘of null at main.js:12
当我注释掉它时，下一个错误返回: main.js:27未捕获Typ
浏览 22提问于2019-11-04得票数 0
5回答
我想将活动菜单链接的颜色更改为绿色。我尝试了各种方法(查看developper模式，框架中应用了哪些规则)，但都不起作用。你能建议一下如何继续吗？我使用的是Bootstrap 4和mdbootstrap。
HTML代码：
<nav class="navbar navbar-expand-md navbar-light sticky-top">
<div id="navcontainer" class="d-flex container py-2 justify-content-center align-items-cent
浏览 4提问于2018-09-21得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
