相关疑难解决方法(0)

导航栏下拉菜单(折叠)在 Bootstrap 5 中不起作用

我在尝试使用Bootstrap 5.Everything创建响应式菜单或下拉按钮时遇到问题。似乎一切正常。导航图标和下拉图标出现。但它不起作用。当我单击nav图标或dropdown按钮时,没有dropdown menu出现。

我想特别提一下,我也包含了该jquery文件。但它没有用。谁能告诉我这里发生了什么?

最后一件事,我在其他一些bootstrap类中遇到了严重的问题,比如mr-automl-auto等等bootstrap 5。这种工作是否有任何错误或新类?

这是我的代码:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Bootstrap</title>
        <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
            rel="stylesheet"
            integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
            crossorigin="anonymous"
        />
    </head>
    <body>
        <nav class="navbar navbar-dark bg-dark navbar-expand-md">
            <a href="#" class="navbar-brand">DemoTech</a>
            <button
                class="navbar-toggler"
                data-toggle="collapse"
                data-target="#navbar"
            >
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="navbar-collapse collapse" id="navbar" navbar>
                <ul class="navbar-nav">
                    <li class="nav-item"><a href="#" class="nav-link">Home</a></li>
                    <li class="nav-item"><a href="#" class="nav-link">About</a></li>
                    <li class="nav-item"><a …
Run Code Online (Sandbox Code Playgroud)

html javascript css twitter-bootstrap bootstrap-5

13
推荐指数
4
解决办法
1万
查看次数

将Bootstrap 4与react一起使用

很抱歉,我缺乏知识,但我是新手,目前正在学习。只想问一下我是否想在我的react应用程序中使用bootstrap 4,是否必须安装JQUERY?我在某处读到,将JQUERY与React一起使用是不行的。所以现在我在想。谢谢回复。您的意见和建议是真正的赞赏。

javascript reactjs react-bootstrap

7
推荐指数
1
解决办法
4222
查看次数