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

webpack - 如何将 bootstrap-material-design 包添加到 webpack 中?

我尝试使用基于 Sass 的 bootstrap-loader 添加带有 webpack 的 bootstrap-material-design,但没有结果。

我可以使用 bower-webpack 插件加载它,但我想使用 npm 对其进行更多控制,而无需管理 bower 包。

0 投票
1 回答
661 浏览

validation - 覆盖 Bootstrap Material Design 事件监听器元素

我有一个Angular2使用 Bootstrap Material Design 来实现外观的组件

Angular2用来跟踪字段更改,我想手动控制我的组件的视觉效果,即error通过应用class 'has-error'到外部<div>元素处于状态时。

目前,当我class 'has-success'从 Angular2 控制器组件应用时,Bootstrap 会立即用class 'has-error'.

如何覆盖/停止跟踪元素Bootstrap MD上的验证/输入事件?<input>

0 投票
2 回答
237 浏览

css - 如何阻止文本在这个放大的引导材料设计选择框中跳转?

对于这个问题,我有一个我似乎无法弄清楚的小提琴。

我正在尝试增加bootstrap material design中选择框的大小。它正在使用选择插件

这是我正在使用的 LESS:

小提琴中的一切都有效,除了一种情况。如果我选择一个选项,然后尝试选择第二个选项,第一个选项的文本会向下跳一点,所以它就在它下面的行的顶部。我怎样才能阻止这种跳跃的发生?

0 投票
1 回答
639 浏览

javascript - 引导下拉菜单与 jQuery.dropdown 冲突

我正在尝试手动切换引导下拉菜单。该脚本直到最近才起作用:

但是,当我现在尝试单击下拉列表时,我得到:

未捕获的错误:jQuery.dropdown 上不存在方法切换

我正在为 Bootstrap 、Bootstrap 3.3.6和 jQuery 2.1.4使用Material Design 。我最近更新了我的包,其中包括 bootstrap 和 jquery,这可能导致了这个问题。

0 投票
0 回答
1036 浏览

javascript - 在引导材料 datetimepicker 中触发月份和年份的变化

我正在使用T00rk 的引导材料日历选择器和 FezVrasta引导材料设计。我正在尝试扩展其功能,例如添加月份和年份的下拉选项(成功集成到日历中)但是我无法将更改绑定到月份和年份(当您从下拉选项中选择月份和年份时) . 是的,当您从下拉列表中选择时,月份和年份的文本会发生变化,但这些变化不会反映当前的活动日期输入,请提供任何想法、帮助和线索?

注意:这是修改后的日历选择器 js

0 投票
2 回答
25186 浏览

html - Bootstrap - 浮动操作按钮菜单大小和阴影

我正在使用 Bootstrap 3.3 和Bootstrap Material Design 框架构建一个应用程序。我正在尝试制作一个浮动操作按钮,当您单击它时会打开它。

为了做到这一点,我创建了这个Bootply,它具有以下代码:

按钮有效,但看起来不正确。有两个问题让我抓狂。首先,弹出菜单不透明。有一种border我似乎无法摆脱的阴影。

其次,我不能使用Bootstrap Material Design 框架页面的浮动操作按钮部分所示的小版本按钮。我不确定我做错了什么。

0 投票
1 回答
562 浏览

laravel - Laravel gulp & elixir 材料设计

我正在尝试使用 elixer 和 gulp 将材料设计http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html放入 Laravel。

我已经搞定了:

成功了,我看到了地图node_modules。然后我把这个添加到我的app.scss

我的 gulp 文件如下所示:

当我在终端中尝试 gulp 时,它说:

我究竟做错了什么?

0 投票
1 回答
2233 浏览

jquery - 涟漪效应在引导材料设计中不起作用

我正在使用 fezvrasta 的 Bootstrap 材料设计。我能够拥有所有颜色和其他构建块,但按钮、文本框和其他的涟漪效应不起作用。

在搜索栏中,有下划线表示涟漪效应,但我没有得到相同的结果。按钮或链接没有涟漪效应。

请参考此代码笔

0 投票
1 回答
4731 浏览

angularjs - 将角度材料与 twitter bootstrap 相结合而不会发生冲突

我想将 twitter bootstrap 与 angular material 结合起来。我找到了引导材料设计https://github.com/FezVrasta/bootstrap-material-design

Angular 材质使用以下声明;

对于引导材料,文档中的声明是这样的;

如果我包含所有链接,会有冲突吗?我对如何结合角度材料和引导程序感到很困惑。

0 投票
2 回答
810 浏览

ruby-on-rails - Ruby on rails - 引导材料设计 - 将复选框添加到简单表单

我在我的 Ruby on Rails 应用程序中安装了Bootstrap Material Design,每个动画都正常运行,但我看不到复选框。我的复选框代码是:

任何人都可以帮助我吗?

谢谢你们!