问题标签 [material-design-lite]
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.
material-design-lite - 如何以编程方式选择选项卡？
我正在使用布局组件页面中的 mdl 选项卡栏。
我是否必须在两个选项卡/面板上添加/删除“is-active”类，或者是否有更简单的方法来以编程方式选择选项卡？
css - Material Design Lite 和 Bootstrap 粘性页脚
我正在构建一个使用Bootstrap Sticky Footer 和 Navbar的网站。但是，随着 Google 最近发布的Material Design Lite库，我想将这些卡片用于我网站的一部分。但是，只要我包含 MDL 库（只是 CSS，没有其他更改），我的粘性页脚就会出现一些奇怪的问题。页脚设置在视口的底部（无论该窗口的高度如何），但它只是粘在那里。如果我向上滚动，它也会向上滚动。
当我实际检查页脚、正文等时，我没有看到任何影响材料设计 CSS 布局的内容。显然有些东西，但我相当坚持它可能是什么。（要查看它的工作原理，请删除对 material-lite.css 的引用。目前它在片段中已损坏。）
material-design-lite - 如何创建菜单调用？
如何在此站点中创建菜单调用作为左侧菜单： http ://www.getmdl.io/components/index.html#toggles-section
有人可以告诉我这种实现的文档吗？
非常感谢！
meteor - 安装 Iron:router 后，Material Design Lite 布局发生了变化
我创建了一个流星项目并添加了 krazyeom:material-design-lite 包。然后我创建了 2 个简单的 html 文件，其中一个包含
另一个包含
我的设计看起来像这样：
在我添加了 iron:router 之后，只<body>用<template name="layout">和</body>替换了</template>.
它看起来像这样：
如您所见，设计现在不是 100% 高度；如果我调整到移动分辨率，它不会出现 3 行图标来显示侧边栏。
可能是什么问题呢 ？
material-design-lite - 卡片中的图像
为什么卡片组件的图像被用作背景而不是图像来填充卡片的媒体部分？我们不能只使用图像标签吗？
我正在尝试使用 MDL 框架制作 tumblr 模板，但由于 tumblr 使用图像标签，因此无法为图像帖子实现卡片组件
请解释为什么 MDL 使用图像作为卡片组件的背景
twitter-bootstrap-3 - 为什么我应该开始使用 Google Material Design Lite 而不是 Twitter Bootstrap 或 Foundation
免责声明：我不想与Google Fanboys展开任何斗争。我只是问，因为我没有找到我的问题的直接答案，也许已经开始使用它的人（或任何 googledev）可以提供建议。
谷歌最近发布了Material Design Lite 1.0 ，该项目几天之内在 Github上获得了超过 9k 的star。我阅读了一些比较 MDL 与 Twitter Bootstrap 的帖子 [ 1 , 2 ]，但我不明白为什么Google 总部以外的任何人都应该考虑开始使用它。
正如他们所说：
“我们挑战自己，为我们的用户创造一种视觉语言，将优秀设计的经典原则与技术和科学的创新和可能性相结合。” – 谷歌材料设计介绍
那么，他们为什么要发布 MDL？我只是不明白浪费时间学习/切换到提供比现有框架少得多的新前端框架的意义。MDL 看起来不同，现代并且有更好的过渡。就这样？有没有技术优势？
javascript - 切换 Material Design Lite 复选框
我正在使用材料设计精简版复选框，并且正在尝试使用 JavaScript 选中或取消选中元素。我试过这个：
那是行不通的。我用 jQuery 尝试了同样的方法：
那也没有用。任何帮助，将不胜感激。
css - Material-Design-Lite, Override styleguide property without !important
I'm playing with Material-Design-Lite and I want to override a style but it won't work. Let say that I woudl like to change the padding on mdl-navigation__link which is actually 16px 40px to 0px.
I have overrided the property on my custom style sheet but without success. However some other styles are applied :
The border is applied but not the padding. And into teh web develope tools I see that my padding property is ignored (strikethrough) du to a styleguide.css that I never include !
I suppose that styleguide.css is included by the javascript file. So the only trick to apply my custom padding is to mark it as !important.
Is it a cleaner way to override styleguide.css properties ?
Edit : Here is the codepen : http://codepen.io/anon/pen/ZGjYqo
html - 带有材料设计精简版的居中表格
我正在使用 Google 的Material Design Lite库寻找一个易于获取以屏幕为中心的登录表单。
我已经经历了多次迭代，这是我想出的最好的：
有没有更好的方法在所有屏幕尺寸上实现居中形式？
divs 感觉真的很恶心！