问题标签 [bootstrap-material-design]

我正在尝试将 reactjs 仪表板放在一起并将其与 Nodejs 后端连接起来。我目前正在尝试验证 jwt 令牌。当我使用 Postman 应用程序执行此操作时，它工作正常。但是当我使用我的 reactjs 表单尝试它时，它没有发生。请帮我在我的代码中找到问题。我不是经验丰富的开发人员。我是 nodejs 和 reactjs 的新手。任何帮助将不胜感激。我将尝试在下面发布所有相关代码和一些快照。

Nodejs express 后端代码

使用 Postman 发布时来自后端的终端输出

使用来自的 reactjs 发布时来自后端的终端输出

下面附上浏览器错误

我在访问通过路由传递到子组件的道具时遇到问题。我正在尝试获取 App 页面中的 Authentication 功能，以便在登录页面中的 onLogin 功能获得正确响应时将其切换为 true。任何帮助将不胜感激。

请在下面找到代码

我正在尝试从 loginPage 访问测试道具，但没有成功。知道我错了吗？

我正在使用 Bootstrap 开发 Laravel/Vuejs Web 应用程序。有些组件需要材料设计。我对在 Vuetify 和 MDBootstrap 之间进行选择感到困惑（尽管它是付费的）。

谁能推荐我应该使用什么，为什么？

我有一个大型 angular7+bootstrap4 应用程序。现在我们决定为这个应用程序调整材质主题的外观和感觉。我想调整引导主题，使其看起来像材料设计。我们希望避免重写组件的 html 和 css 以适应材料。那么是否有一个库或包我可以安装在普通的 angular7+bootstrap4 应用程序之上以使其具有材料设计外观？我确信很少有其他应用程序也看到了类似的转变，所以我认为可能已经有一些可用的工作可供参考。在这方面的任何投入都将非常有帮助并受到高度赞赏。

我有一个非常典型的 Boostrap 模态：

我加载partial通过

使用按钮/占位符设置，如下所示：

但是，我的标签不会浮动：

我已经确认我确实正确加载了 MD Bootstrap，因为显示模式的页面有一个浮动搜索：

为什么我的模态没有浮动标签？

作为旁注，我还注意到我没有从材料设计引导程序中获得诸如复选框之类的东西。我觉得我错过了什么。想法？

我正在尝试按照此处的教程进行操作：

https://mdbootstrap.com/docs/angular/tables/datatables/

但问题是每当我尝试对分页做任何事情时都会出错。

无法读取未定义的属性“setMaxVisibleItemsNumberTo”

我的 HTML 看起来像这样：

组件代码如下所示：

有谁知道为什么它不起作用？

我正在寻找一个新的反应项目，我对使用bootstrap-material-design充满希望，但我不确定如何设置项目来覆盖主题。文档讨论了添加自定义 sass，但我不熟悉 sass。我希望有人知道你需要什么步骤才能完成这项工作。我已经使用 npx create-react-app 创建了一个全新的 react 应用程序，并使用 npm 通过npm install bootstrap-material-design@4.1.1. 我还在scss项目的根级别添加了一个文件夹，该文件custom.scss夹中有一个文件。目前添加到该文件的唯一代码是导入他们的 sass 文件，@import "node_modules/bootstrap/scss/bootstrap";但是当我添加诸如导航栏之类的材料设计组件时似乎没有任何反应。我还导入了文件中的 custom.scssindex.js文件import './scss/custom.scss';但我仍然收到以下错误：File to import not found or unreadable: ../../node_modules/bootstrap/scss/bootstrap.

我想我的问题是，有没有人通过使用 npm 安装而不是使用 cdn 在 react 项目中成功使用了这个包，如果是的话，他们能告诉我启动和运行它所需的步骤，以便我可以重新主题 bootstrap-material - 用我自己的品牌设计。

谢谢！

对于一个项目，我必须使用一些现成设计中的某些自定义颜色定义。这是我使用 Bootstrap ( https://mdbootstrap.com/docs/jquery/ ) 的第一个项目。

为了遵守设计指南，我自己编译 Bootstrap SASS 文件，方法是从 node_modules 文件夹中包含它，如下所示：

在 variables_bootstrap.scss 中，我拥有所有引导变量并根据我的需要更改它们（断点、主题颜色等）。

说到按钮，我有很多选择：

但似乎没有任何关于颜色的设置。我的 HTML 就像：

这是按钮的样子：

好吧，颜色就像我定义的那样，但我希望颜色是背景色[透明]，实际颜色是白色。也许我只是错过了一些明显的事情——你知道如何解决这个问题吗？

注意：对每个生成的按钮都使用 !important 进行硬编码覆盖不是我正在寻找的解决方案。

当我单击带有选项的任何位置时，我正在尝试调用一个方法。

当您单击选项中的任何嵌套标签时，选择托盘将消失而不调用该方法。

如果您选择任何空白或任何未嵌套的文本，则将调用该方法。

我尝试创建一个覆盖 div 并将其放置在所有元素的前面，但单击 div 不会在单击时调用任何内容。

在代码中，我同时使用了 Bootstrap Material Design 和 Bootstrap CDN。在抽屉中如果我尝试打开类别下拉菜单意味着它只是在闪烁。我也尝试在其他方面做。就像在容器中一样。但也有同样的闪烁错误。

我从 Bootstrap 官方网站以及 Material bootstrap 复制了两者我也尝试过，但“类别下拉菜单显示相同”