问题标签 [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 投票
4 回答
6905 浏览

twitter-bootstrap - Bootstrap 材料设计浮动标签重叠输入文本

我正在使用引导材料设计,当预先填充文本时,我的标签与我的输入文本重叠。(参考下面的屏幕截图)。有没有办法可以防止标签重叠?

在此处输入图像描述

我的代码:

提前致谢!

0 投票
1 回答
955 浏览

javascript - MDBootstrap 步进器

我正在使用MDBootstrap Steppers,文档只有css来实现布局。现在我想实现上一个和下一个按钮功能。有人来指导我。

0 投票
1 回答
1493 浏览

angular - 带角度的 mdbootstrap - 动画不起作用

我在这里遵循了指南:https ://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design 。事情看起来像我所期望的那样,但动画不起作用。在此演示页面上:https ://mdbootstrap.com/components/buttons/按钮在单击时具有波浪效果,但是当我将演示代码复制/粘贴到我的(测试)app.component.html 中时,则没有波浪影响。

似乎有些事件处理程序没有注册,但我不知道如何做到这一点......

编辑

经过一番摸索,我实际上发现了如何让涟漪发挥作用!:) 这是我的 app.module.ts(RippleModule 导入很重要):

如何在按钮上使用波纹的示例:

0 投票
0 回答
39 浏览

css - card in bootstrap MDBootstrap cant set width:0

I hava a card, this card act as sideNav(because the sideNav of mdbootstrap is only in paid version), if I set width:0 the content of the sideNav/card look like this image:


code: https://jsfiddle.net/xpwzp601/
Thanks

0 投票
1 回答
63 浏览

html - MDBootstrap Messenger 像网格

我想使用 bootstrap 4 创建一个像网格布局这样的信使

我的html如下

我希望msgs display here div从页面顶部开始,直到到达文本区域div问题是,它始终具有与第一个相同的高度.col-md-3

如何使中间 div 的高度.col-md-9独立于左侧?当然要保持响应。

干杯,

0 投票
3 回答
65 浏览

html - boostrap 3.3.6 导航栏不起作用

当我将我的网络浏览器变小时,我找不到为什么无法使用按钮的原因?

我尝试在互联网上查找,但找不到解决方案

0 投票
2 回答
665 浏览

angular - 预填充值的字段不会激活 MD 引导框架上的标签动画

我正在使用 MDBootstrap(A) 的精简版进行字段材料设计。在按下重置按钮后的一个字段中,该值是预填充的。但是当发生这种情况时,标签的动画不会被激活,因此值和标签是重叠的。

顺便说一下,当页面第一次加载时会发生这种情况。当它加载一个值时它实际上可以工作,但是当我删除该值变为无效然后我用按钮重置字段时它不起作用。值回来了,但动画标签的激活不会发生。可能是CSS问题。

我不得不说我对 angular 2 很陌生。我试图在组件内部创建一些东西,当重置发生并且值被填充时,至少对 setTouched 或 reset 之类的字段进行检查。不确定什么是最好的。我在控制模板的组件中有这段代码

我希望我可以在这里添加一些东西来再次设置该字段。

0 投票
1 回答
12080 浏览

angular - 将 MDBootstrap 添加到 Angular 项目

我成功地将 Bootstap 添加到 Angular 项目中,并希望对 MDBoostrap 做同样的事情(我不知道 Bootstrap 是否仍然有用?)

我按照这里的官方程序使用 npm 安装。

但是当我尝试导入样式时出现以下错误

在此处输入图像描述

这是我的app.module.ts文件:

我的angular-cli.json文件:

import我的style.scss文件中:

就像我评论过的前 2 个导入是可以的,但其他 2 个会抛出错误。

看着错误,我感觉系统正在查看一个myProject/font确实不存在但我真的不明白为什么的repesitory。

更新 :

我发现该roboto.scss文件使用相对 URL

}

其中$roboto-font-path= ../fonts/roboto/。这显然是问题所在。

可以使用resolve-url-loader和更改配置来解决它

但使用angular-cli它不能是我的情况。

更新 2:

事实上它有效!

文件中的没有@import....用。styles.scss

我犯的最大错误是尝试使用 Mdb pro 组件并在其上测试我的配置......对不起,伙计们。

谢谢你的帮助。

0 投票
1 回答
864 浏览

vue.js - MdBootstrap 集成到 NuxtJS 项目中

我正在尝试将https://mdbootstrap.com/vue/中的材料设计集成到我的 NuxtJS 项目中,但我没有找到任何有关如何将其添加到 nuxt 的指示。

对于 bootstrap-vue,我将其添加到我nuxt.config.js的如下:

modules: [ 'bootstrap-vue/nuxt', ],

但它似乎不适用于 mdbootstrap。

0 投票
1 回答
33 浏览

html - Bootstrap 切换器一旦点击就不会崩溃

我正在熟悉 MDbootstrap 和 bootstrap 4。我最近使用切换按钮创建了一个网站,但是没有问题,但是,对于我正在创建的这个网站,一旦单击,切换按钮就不会关闭。我似乎无法弄清楚。我觉得这是一个 MDbootstrap 错误,因为我看到其他人对此发表评论但没有答案。当我更多地了解 MDBootstrap 时,我遇到了很多错误。谁能帮我?

HTML