问题标签 [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.
twitter-bootstrap - 这是一种在显示时跳过css3动画的方法吗?
当元素从 display:none 到显示状态时,动画总是播放。如果我想设置自定义复选框的样式。我只需要在用户选中或取消选中它时播放动画。
问题不仅在于用户单击它时播放check
。uncheck
它也在页面加载时播放。或者当父元素切换隐藏到显示时。例如在引导选项卡中。
我知道javascript可以轻松处理它。但实际上,这个问题来自一个感兴趣的 github 项目https://github.com/FezVrasta/bootstrap-material-design/issues/48。那个帅哥想用bootstrap3实现google material design。
目前我能想到一种方法(不完美)。:not(:hover)
设置时animation-duration: 1ms;
。让动画快速结束。但是用户仍然看一个简短的flickr。
不能设置为 0 毫秒。否则动画在用户悬停之前不会播放。
有没有更好的方法?
javascript - Bootstrap 材料设计不适用于动态角度视图
我将 material-bootstrap 脚本包含到我的 Angular 项目的 index.html 中,但它们需要手动重新包含在视图中才能工作。
这很奇怪,因为插入到 Angular 中的所有其他脚本都不会发生这种情况。
索引.html
我还注意到 material-bootstrap 不能很好地与 Grunt 和 Bower 配合使用,并且往往会在构建时自行删除(因此手册包含在页面底部)。
这些已知的错误是 Material-boostrap 和 Angular/Bower/Grunt 还是我做错了什么?
如果您还需要什么,请告诉我!
编辑:
bower.json 中的依赖项
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
请问有什么想法吗?
css - 在 Bootstrap 中调整下拉菜单的大小
我正在使用Bootstrap 3.2以及这个材料设计插件。我向导航栏添加了一个下拉菜单。在此下拉菜单的列表项中,我有一个自定义“布局”。像这样的东西:
问题是当我单击下拉按钮时,下拉菜单会切断文本。我已经尝试了几种不同的编辑css的方法来改变宽度,比如这个和这个。但是,似乎没有一个可以解决我的问题。如何将自定义宽度设置为下拉菜单,所以它不会剪切我的文本?
编辑:这是一些相关的代码:
html - 动画材料设计点击动画
我需要创建一个按钮来模拟其中一些行为:https ://fezvrasta.github.io/bootstrap-material-design/#button
但不是<button>
标签,而是<input type="submit">
标签。但是,这个没有任何:before
或:after
元素。我将如何实施呢?
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 中列出了凉亭包
但是在上限生产部署之后,我必须在我的应用服务器上执行以下操作:
否则我的浏览器会用
这并不是说我不能自动化符号链接——它似乎有点像贴上创可贴:)
twitter-bootstrap - Bootstrap材料设计-动态加载数据时浮动标签不浮动
我正在为我的角度应用程序使用引导材料设计。一切正常,除非我在加载页面后以编程方式更改与输入关联的模型(浮动标签输入),浮动标签不会浮动。
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
twitter-bootstrap - 引导材料设计 CDN
我想使用 Bootstrap Material 设计,github 页面说我可以从jsdelivr.com获得它。但随后“入门”页面显示:
复制后,您需要通过将以下 javascript 添加到您的站点来初始化材料 javascript,
jsdelivr 的集成页面说要使用这个:
但看起来 material-wfont.min.css 正在返回 404。很难验证一切是否正常,因为我不知道新的外观和感觉会是什么。
如果我使用 cdn 链接,那么我需要使用$.material.init()
?