问题标签 [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.
reactjs - 输入字段闪烁 React MDbootstrap
我正在尝试创建一个登录表单。但是在聚焦输入字段时,整个页面会闪烁。下面是渲染代码,
CSS 代码
}
}
我按预期得到以下输出,但textfield
整个网页的 onFocus 开始闪烁。它仅在 chrome
登录时发生
html - 如何让 Jarallax MDB 工作?
我有以下代码:
并且由于某种原因,我无法使其像 MDB 示例(https://mdbootstrap.com/previews/docs/latest/html/parallax/index.html)中所示那样工作。图像根本不显示,如果我将宽度添加到样式中,它会显示图像,但是图像没有 jarallax 效果。我究竟做错了什么?
javascript - 在 Angular 6 中生成动态模板引用变量
我们有一个来自 MDB ( http://mdbootstrap.com ) 的定制组件,它需要定义模板引用变量。
我们正在创建一个使用卡片组件( https://mdbootstrap.com/angular/components/flipping-cards/ ) 的列表。我们为一张卡片定义基本模板,然后使用*ngFor循环遍历数据并为我们数据中的每个条目创建一个相同模板的卡片。
卡片组件使用如下结构:
该组件使用模板引用变量#cards来运行函数toggle(),该函数会旋转卡片以显示其他内容。
但是,这个引用变量需要对每张卡都是唯一的;在我们当前的设置中,*ngFor循环最终为我们生成的所有卡片创建相同的引用变量#card,然后,当从任何卡片按下触发按钮时,所有卡片最终都会旋转,而不仅仅是旋转具体卡。
这是整个结构:
任何帮助/指导或替代方案将不胜感激!
ionic2 - 如何在 Ionic3+ 中集成 MDBootstrap?
我在 Angular5 中使用 MDBootstrap 实现了一个应用程序,它提供了丰富的 UI,MDBootstrap 成功地在其中工作。
现在我的问题是如何将 MDBootstrap 集成到我的 Ionic Project中,我尝试了很多但无法获得成功的结果。
css - 在安全网络上使用 mdbvue,缺少样式
我跟着这个教程
更重要的是,本教程:https ://mdbootstrap.com/vue/components/buttons/
我最终得到了这个:
所以我显然在这里缺少风格。我是 vue 新手,对 nodejs 还是新手,所以我很不知道应该在哪里以及如何包含样式。
这是我的代码:
应用程序.vue
按钮页面.vue
包.json
html - Bootstrap Angular 5移动行不内联
当宽度小于 579px 时,如何将行调整为内联?我需要它在移动设备上与桌面上相同。
您可以看到上半部分设置了 col-1 模式,而下半部分设置了之前的配置。
所有这一切让我相信,我需要以某种方式在我的 Angular-CLI 项目中调整对 css 的引用。现在,当我使用 Material Design 和 MDBootstrap 时,它必须为我提供对响应能力的支持,但奇怪的是它没有......
包.json
在 Angular 中,我认为将 css 文件放在 index.html 中并不是最佳做法。我可能可以 npm install bootstrap 包,但问题是它会覆盖和弄乱其他框架 - Material Design 和 MDBoostrap 吗?
我会在这里尝试更新..
更新
npm 安装引导程序
为 angular-cli 项目安装了 bootstrap 4,但对代码没有影响。:(
更新
清除缓存并刷新后工作。酷。谢谢大家!
仍然需要针对个人电脑和移动设备进行调整。现在它在任何选项中都很难看(尤其是移动设备),但这是一个很好的方向。谢谢!
javascript - mdbootstrap:隐藏的浮动按钮覆盖内容
我使用的是 mdbootstrap Pro 4.5.5 版本,出现以下问题。为了提供基于上下文的操作,我使用固定按钮:
https://mdbootstrap.com/components/buttons/#fixed-buttons
正如我们在屏幕中看到的,组件在内容上方覆盖了一个隐藏的无序列表。在此列表中,按钮显示在悬停或单击移动设备上:
问题是:如果我在隐藏列表下方有一些链接或其他操作(这可能发生在移动设备上,正如您在第二个屏幕上看到的那样),它们不可点击,并且当我触摸或点击时按钮已经显示列表下的链接。
如果有人可以提供帮助,将非常高兴。我也很高兴在 html 和 js 上实现 fab-button-bar 的其他示例或解决方案
javascript - mdbootstrap 灯箱不工作
我正在使用 mdbootstrap 灯箱代码在点击时打开灯箱。代码非常简单,但由于某种原因它不起作用。这是我的代码。我正在使用 CDN 链接/网址,因此任何人都可以对其进行测试。
当我单击图像时,它不会根据需要显示灯箱。我不确定出了什么问题。任何人都喜欢检查。提前致谢。