问题标签 [mdbootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
256 浏览

reactjs - 输入字段闪烁 React MDbootstrap

我正在尝试创建一个登录表单。但是在聚焦输入字段时,整个页面会闪烁。下面是渲染代码,

CSS 代码

}

}

我按预期得到以下输出,但textfield整个网页的 onFocus 开始闪烁。它仅在 chrome 登录时发生

0 投票
1 回答
726 浏览

html - 如何让 Jarallax MDB 工作?

我有以下代码:

并且由于某种原因,我无法使其像 MDB 示例(https://mdbootstrap.com/previews/docs/latest/html/parallax/index.html)中所示那样工作。图像根本不显示,如果我将宽度添加到样式中,它会显示图像,但是图像没有 jarallax 效果。我究竟做错了什么?

0 投票
0 回答
773 浏览

javascript - 在 Angular 6 中生成动态模板引用变量

我们有一个来自 MDB ( http://mdbootstrap.com ) 的定制组件,它需要定义模板引用变量。

我们正在创建一个使用卡片组件( https://mdbootstrap.com/angular/components/flipping-cards/ ) 的列表。我们为一张卡片定义基本模板,然后使用*ngFor循环遍历数据并为我们数据中的每个条目创建一个相同模板的卡片。

卡片组件使用如下结构:

该组件使用模板引用变量#cards来运行函数toggle(),该函数会旋转卡片以显示其他内容。

但是,这个引用变量需要对每张卡都是唯一的;在我们当前的设置中,*ngFor循环最终为我们生成的所有卡片创建相同的引用变量#card,然后,当从任何卡片按下触发按钮时,所有卡片最终都会旋转,而不仅仅是旋转具体卡。

这是整个结构:

任何帮助/指导或替代方案将不胜感激!

0 投票
0 回答
260 浏览

ionic2 - 如何在 Ionic3+ 中集成 MDBootstrap?

我在 Angular5 中使用 MDBootstrap 实现了一个应用程序,它提供了丰富的 UI,MDBootstrap 成功地在其中工作。

现在我的问题是如何将 MDBootstrap 集成到我的 Ionic Project中,我尝试了很多但无法获得成功的结果。

0 投票
1 回答
137 浏览

css - 在安全网络上使用 mdbvue,缺少样式

我跟着这个教程

更重要的是,本教程:https ://mdbootstrap.com/vue/components/buttons/

我最终得到了这个:

在此处输入图像描述

所以我显然在这里缺少风格。我是 vue 新手,对 nodejs 还是新手,所以我很不知道应该在哪里以及如何包含样式。

这是我的代码:

应用程序.vue

按钮页面.vue

包.json

0 投票
2 回答
649 浏览

html - Bootstrap Angular 5移动行不内联

当宽度小于 579px 时,如何将行调整为内联?我需要它在移动设备上与桌面上相同。

在此处输入图像描述

在此处输入图像描述

更新正如所有评论中建议的那样,更改为 col-1 模式您可以在下面看到仍然相同 在此处输入图像描述

您可以看到上半部分设置了 col-1 模式,而下半部分设置了之前的配置。

所有这一切让我相信,我需要以某种方式在我的 Angular-CLI 项目中调整对 css 的引用。现在,当我使用 Material Design 和 MDBootstrap 时,它必须为我提供对响应能力的支持,但奇怪的是它没有......

包.json

在 Angular 中,我认为将 css 文件放在 index.html 中并不是最佳做法。我可能可以 npm install bootstrap 包,但问题是它会覆盖和弄乱其他框架 - Material Design 和 MDBoostrap 吗?

我会在这里尝试更新..

更新

npm 安装引导程序

为 angular-cli 项目安装了 bootstrap 4,但对代码没有影响。:(

更新

清除缓存并刷新后工作。酷。谢谢大家!

仍然需要针对个人电脑和移动设备进行调整。现在它在任何选项中都很难看(尤其是移动设备),但这是一个很好的方向。谢谢!

在此处输入图像描述

在此处输入图像描述

0 投票
2 回答
122 浏览

bootstrap-4 - 折叠时无法使居中徽标重新定位到右侧

我无法让徽标在折叠时留在导航栏的右上角。请参阅图像以了解问题。

折叠的内容

折叠前的导航栏

审查代码:

0 投票
1 回答
3883 浏览

php - 单选按钮未显示在页面中

对于 laravel 项目,我使用金属设计引导程序(MDBootstrap)模板。使用这个模板进行主设计,如果我需要添加一些东西,那么我使用@yeild('')。一切都很好,但如果想在表单中添加单选按钮,此按钮不会显示在页面中。

这是master.blade.php使用的我的头..

终于身体...

形式是...

此页面的图片,其中缺少单选按钮,但剩余文本“男性”、“女性”...

在此处输入图像描述

谁能帮帮我?

0 投票
1 回答
406 浏览

javascript - mdbootstrap:隐藏的浮动按钮覆盖内容

我使用的是 mdbootstrap Pro 4.5.5 版本,出现以下问题。为了提供基于上下文的操作,我使用固定按钮:

https://mdbootstrap.com/components/buttons/#fixed-buttons

正如我们在屏幕中看到的,组件在内容上方覆盖了一个隐藏的无序列表。在此列表中,按钮显示在悬停或单击移动设备上:

检查固定按钮

问题是:如果我在隐藏列表下方有一些链接或其他操作(这可能发生在移动设备上,正如您在第二个屏幕上看到的那样),它们不可点击,并且当我触摸或点击时按钮已经显示列表下的链接。

在此处输入图像描述

如果有人可以提供帮助,将非常高兴。我也很高兴在 html 和 js 上实现 fab-button-bar 的其他示例或解决方案

0 投票
2 回答
2813 浏览

javascript - mdbootstrap 灯箱不工作

我正在使用 mdbootstrap 灯箱代码在点击时打开灯箱。代码非常简单,但由于某种原因它不起作用。这是我的代码。我正在使用 CDN 链接/网址,因此任何人都可以对其进行测试。

当我单击图像时,它不会根据需要显示灯箱。我不确定出了什么问题。任何人都喜欢检查。提前致谢。