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

twitter-bootstrap - 这是一种在显示时跳过css3动画的方法吗?

当元素从 display:none 到显示状态时,动画总是播放。如果我想设置自定义复选框的样式。我只需要在用户选中或取消选中它时播放动画。

问题不仅在于用户单击它时播放checkuncheck它也在页面加载时播放。或者当父元素切换隐藏到显示时。例如在引导选项卡中。

我知道javascript可以轻松处理它。但实际上,这个问题来自一个感兴趣的 github 项目https://github.com/FezVrasta/bootstrap-material-design/issues/48。那个帅哥想用bootstrap3实现google material design。

目前我能想到一种方法(不完美)。:not(:hover)设置时animation-duration: 1ms;。让动画快速结束。但是用户仍然看一个简短的flickr。

不能设置为 0 毫秒。否则动画在用户悬停之前不会播放。

有没有更好的方法?

0 投票
1 回答
7175 浏览

javascript - Bootstrap 材料设计不适用于动态角度视图

我将 material-bootstrap 脚本包含到我的 Angular 项目的 index.html 中,但它们需要手动重新包含在视图中才能工作。

这很奇怪,因为插入到 Angular 中的所有其他脚本都不会发生这种情况。

索引.html

我还注意到 material-bootstrap 不能很好地与 Grunt 和 Bower 配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。

这些已知的错误是 Material-boostrap 和 Angular/Bower/Grunt 还是我做错了什么?

如果您还需要什么,请告诉我!

编辑

bower.json 中的依赖项

0 投票
1 回答
199 浏览

angularjs - ng-model 绑定完成后是否触发了 Angular.js 中的回调?

我猜这个问题很清楚。我想在ng-model绑定完成并且值反映到 DOM 元素后得到通知。

我知道这不能ng-model以某种方式对所有绑定都完成,document.ready但我希望至少在 DOM 绑定完成后通知特定元素。

为什么我需要它?使用 Bootstrap Material Design 主题解决这个问题:https ://github.com/FezVrasta/bootstrap-material-design/issues/194

请问有什么想法吗?

0 投票
1 回答
8030 浏览

css - 在 Bootstrap 中调整下拉菜单的大小

我正在使用Bootstrap 3.2以及这个材料设计插件。我向导航栏添加了一个下拉菜单。在此下拉菜单的列表项中,我有一个自定义“布局”。像这样的东西:

问题是当我单击下拉按钮时,下拉菜单会切断文本。我已经尝试了几种不同的编辑css的方法来改变宽度,比如这个这个。但是,似乎没有一个可以解决我的问题。如何将自定义宽度设置为下拉菜单,所以它不会剪切我的文本?

编辑:这是一些相关的代码:

0 投票
1 回答
837 浏览

html - 动画材料设计点击动画

我需要创建一个按钮来模拟其中一些行为:https ://fezvrasta.github.io/bootstrap-material-design/#button

但不是<button>标签,而是<input type="submit">标签。但是,这个没有任何:before:after元素。我将如何实施呢?

0 投票
1 回答
529 浏览

ruby-on-rails - 我的字体文件在哪里 - 在我的 Rails 项目中,我使用 Bower 和 Material Design

FezVrasta的Bootstrap-Material-Design是一个非常好的模块!我只有一点点痒——这与 material.css 中提到的字体有关

我在 Ruby 2.1.2、Rails 4.1.5、Node 0.10.35 和 Bower 1.3.7

我添加了一个 .bowerrc

然后我把gem "bower-rails", "~> 0.9.2"我的 Gemfile

然后我在 Bowerfile 中列出了凉亭包

但是在上限生产部署之后,我必须在我的应用服务器上执行以下操作:

否则我的浏览器会用

这并不是说我不能自动化符号链接——它似乎有点像贴上创可贴:)

0 投票
2 回答
1407 浏览

twitter-bootstrap - Bootstrap材料设计-动态加载数据时浮动标签不浮动

我正在为我的角度应用程序使用引导材料设计。一切正常,除非我在加载页面后以编程方式更改与输入关联的模型(浮动标签输入),浮动标签不会浮动。

浮动标签问题

0 投票
1 回答
169 浏览

javascript - I can't seem to get my website's mobile nav to work

I have been creating a website and I am using Bootstrap 3.2.0 with a material design theme. When I go on my website and resize the window to be smaller and click on the button to open the nav nothing happens.

This is my code:

This is the material theme's site: http://fezvrasta.github.io/bootstrap-material-design/#about

I haven't made a JSFiddle because I'm not sure how to add bootstrap to it.

The site is online at: pythonforbeginners.site90.com

0 投票
1 回答
1344 浏览

css - 表格行上的材料波纹效应

我正在玩FezVrasta的谷歌材料设计引导主题

大多数组件都可以正常工作并且看起来很棒,但是对我来说表格行上的连锁反应无法正常工作。

演示:jsfiddle.net

绝对位置有助于但会破坏表结构。

0 投票
2 回答
7891 浏览

twitter-bootstrap - 引导材料设计 CDN

我想使用 Bootstrap Material 设计,github 页面说我可以从jsdelivr.com获得它。但随后“入门”页面显示:

复制后,您需要通过将以下 javascript 添加到您的站点来初始化材料 javascript,

jsdelivr 的集成页面说要使用这个:

但看起来 material-wfont.min.css 正在返回 404。很难验证一切是否正常,因为我不知道新的外观和感觉会是什么。

如果我使用 cdn 链接,那么我需要使用$.material.init()?