问题标签 [bootstrap-material-design]

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 投票
3 回答
1737 浏览

css - 更改 Bootstrap Material 主题的颜色

我正在开发一个应用程序,我想在其中使用更深的橙色样式并尝试覆盖文件的 sass 版本中的某些变量,但是当我使用 gulp 编译它时它不会改变。另一件奇怪的事情是,当我使用 sass 版本时,默认颜色是蓝色/靛蓝,但是当仅使用 github repo 中的预编译 css 时,它使用青色样式。我的 app.scss 文件中有以下内容

我试图通过添加我想要更改的变量来覆盖变量,例如链接颜色,但没有运气

有谁知道如何改变主题的整体色彩风格?

0 投票
2 回答
556 浏览

ruby-on-rails - Bootstrap-material-design:安装成功,但没有工作

我按照github网站上的说明安装了bootstrap-material-design,一切都说安装成功:

在此处输入图像描述

我已将推荐的代码插入到我的应用程序标头中:

然而,当我尝试一个示例元素(例如“jumbotron”或“well”)时,它仍然以正常引导程序的方式出现,而不是你的材料设计网站所说的方式。

关于如何让它出现的任何想法?我没有收到任何错误消息,所以我真的没有任何事情要做,而且我不想手动下载文件,以免重复。

0 投票
1 回答
1446 浏览

html - Bootstrap 材料设计输入字段没有动画

我正在为 Bootstrap 3 使用材料设计:http: //fezvrasta.github.io/bootstrap-material-design/

到目前为止,我只有导航栏,它看起来不错,但是当我在其中单击时,“搜索”输入字段没有动画。

当我单击下拉菜单时,它也没有给我飞溅效果。

知道我错过了什么吗?

0 投票
3 回答
1975 浏览

jquery - 如何动态地将css类添加到输入中

我的方式

我刚刚开始使用这个框架。

has-error如果密码和确认密码不相等,我想添加到输入。

然而,这并不是什么好办法。

如果没有 setTimeout 函数:

在此处输入图像描述

0 投票
1 回答
875 浏览

momentjs - npm install bootstrap-material-datepicker

我正在使用 React 和 Rails 并在我的应用程序中实现材料设计。我正在使用 webpack 加载模块。我已经能够通过 npm 获得 bootstrap-material-design 和 moment.js,但是现在,我想集成bootstrap material datepicker但我无法使用它,因为我找不到使用 npm 安装它的方法。如果在我的客户端/应用程序/javascripts 文件夹中放置一个脱机文件并将其注册到 webpack 中,我会发现时刻未定义错误。

如果在文件夹中添加一个 moment.js 文件,我会得到 ./locale missing 错误。而当我放置 moment 提供的语言环境文件夹时,我得到了我无法解决的路径错误;ve。我可以遇到类似的问题,但找不到解决方案。

感谢您的任何帮助。如果需要更多信息,请告诉我。

PS:我不能将所有这些都包含在 rails 的资产中。

0 投票
1 回答
1213 浏览

javascript - 在页面加载时打开 Material Datepicker

我想datetimepicker在页面加载时打开引导材料,我该怎么做。我尝试了许多选项,例如触发按钮页面 onload。如果我手动单击按钮,它确实会打开。这是我写的代码:

我已经阅读了文档部分,但没有任何帮助。日期选择器 URL 在这里

0 投票
3 回答
8278 浏览

html - Bootstrap 材质浮动标签在自动填充上不起作用

我在我的页面上使用引导材料工具包,但我遇到了一个问题,即在 chrome 中自动填充时标签没有出现。我四处搜索,发现这是一个已知问题,并尝试使用此处建议的解决方案。但它仍然不适合我。不知道怎么解决?

这就是我如何称呼我的样式表:

html:

和脚本:

0 投票
1 回答
1347 浏览

angular - 使用 Angular-cli 在 Angular 2 应用程序中安装 bootstrap-material-design

我想在使用 angular-cli 的 Angular 2 应用程序中使用bootstrap - material - design

bootstrap-material-design (V4) 使用 SASS。为了让它在 Angular 2 中工作,我需要使用sass-loader。但是我没有找到使Angular-cli使用 sass-loader 的任何解决方案,因为无法覆盖 webpack 配置(据我所知)。

是否有任何解决方案可以bootstrap-material-design在使用angular-cli的Angular 2应用程序中使用?

0 投票
1 回答
202 浏览

bootstrap-material-design - 定制抽屉宽度材质设计 Bootsrap

我发现很难理解以下内容:

在全局范围内,您可以使用以下变量更改 x 与 y 抽屉的大小:

$bmd-抽屉-x-尺寸 $bmd-抽屉-y-尺寸

这是什么意思 ?我指的是以下链接。 http://rosskevin.github.io/bootstrap-material-design/material-design/drawers/#customization。

我想要实现的只是增加抽屉的大小。

0 投票
1 回答
102 浏览

html - Bootstrap Material Design 表格对齐问题

对于一个网站,我正在使用Bootstrap Material Design,并且很难将元素排成一行(course.name以及course.update,course.delete按钮)。

我希望它们与 CSS 垂直对齐,但vertical-align:middle不起作用。也没有<tr valign="middle">

任何帮助表示赞赏。