问题标签 [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.
css - Laravel 表单中的样式复选框
我正在使用 Laravel Forms 包来生成表单元素。我正在使用 Bootstrap Material 设计库来获得闪亮的元素。
库：https ://fezvrasta.github.io/bootstrap-material-design/#checkbox
对于复选框，我无法获得所需的样式。它显示一个没有任何材料设计风格的普通复选框。
下面是我在 Laravel 视图中的代码。
如果我使用直接 HTML 代码，而不是上面的代码，它可以工作。下面是按预期工作的代码。
如何使用 Laravel Forms 生成上述代码？
javascript - Bootstrap 材料设计中缺乏涟漪
我正在尝试将bootstrap-material-design主题实现到我现有的 Bootstrap 站点。
在我的main.blade.php中，我在顶部有这个来表示样式表。
这是我的主要刀片文件 - 这是存在于我所有视图中的刀片包装文件。
在这个主刀片的底部，按照文档的指示，我有这个 JS：
但是，当我尝试单击按钮或导航栏元素时，没有涟漪效应。我的控制台上也没有看到任何错误。
我是否需要向我的按钮类添加任何其他代码？
编辑：
这是网络选项卡：
html - 如何防止浮动标签与输入混合？
我正在尝试使用Bootstrap Material 设计主题，我现在使用带有以下代码的简单文本输入字段：
看起来像这样：
但是当我输入一些文本时，文本和标签混合在一起：
不应该floating-label消失吗？我究竟做错了什么？
欢迎所有提示！
[编辑 2]
这些都是我在我的进口<head>：
和我main.html使用 Angular 加载的：
[编辑 3] 对我来说，小提琴也不起作用。我在 Chrome 和 Firefox 中都试过了。两者都是最新的。一探究竟：
有任何想法吗？
javascript - 如何找出 bootstrap-material 的创建位置
我正在尝试在我的网站中使用Bootstrap-Material 。
我在使复选框工作时遇到问题。当我将代码从 Bootstrap-Material 站点复制到我的项目时，大多数功能都可以工作，但标签“复选框”旁边没有出现框。而不是看起来像
看起来像
我一直在浏览Bootstrap-Materialcss上的源代码，并且我已经导入了js它们所有的源代码。
令人困惑的是，我检查了Bootstrap-Material 页面的 Checkbox 上的元素，但我无法弄清楚实际上是什么css或文件创建了该复选框。js它似乎不是来自图像文件，那么它来自哪里？也许如果我能弄清楚它是在哪里创建的，我就能弄清楚为什么我的项目没有渲染它。
关于这个盒子来自哪里的任何想法？
html - 引导材料设计下拉按钮未正确绘制
我正在尝试使用来自以下链接的引导材料设计中的按钮：http: //fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html
我从上面的链接下载了下拉按钮和所有需要的 CSS 和 JavaScript。当我尝试测试示例下拉按钮时，它没有正确绘制。下面是示例 html 代码和输出。
我无法找出我错过了什么。我试图从网上找到答案，但没有找到任何答案！所以我把它贴在这里。
css - 如何将引导材料设计中的特定输入样式集成到现有项目中？
我在仅集成https://github.com/FezVrasta/bootstrap-material-design中定义的一些样式时遇到了一些问题，即应用了自定义引导样式的现有主题的输入。
在一个less文件中，我正在导入这样的输入less文件以及所需的变量和mixin以使其正常工作：
在一个 js 文件中，我正在初始化输入：
但它不能正确显示，fi：它不会在焦点上显示彩色边框底部。
有什么想法可以使它正常工作吗？
twitter-bootstrap - Laravel 找不到引导样式
我正在尝试从https://github.com/FezVrasta/bootstrap-material-design安装引导程序。但是，当我按照说明进行操作时，它将不起作用。我已将 3 个地图 css、字体和 js 放在公共文件夹中。这是我的 master.blade 视图：
javascript - 使用 CSS 在无序列表文本之前渲染一个圆圈
尝试使用以下 jQuery 将 Material Design CSS 字体放在我的文本前面：
我正在使用这个库： http: //fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html
特别是mdi-image-lens图标。
我正在尝试从日出日历中模拟这种效果：
这样做，这就是我收到的：
天哪，太可怕了。
这是它通常的样子：
有什么想法可以保留文本大小和属性，而且还可以在文本之前呈现一个漂亮的圆圈（不是项目符号，因为它太小而无法达到预期的效果）？其次，我还有一个变量叫做：
result.classes[index][i]['color']它具有十六进制颜色值。我想用这个十六进制值作为圆圈的颜色。
angularjs - 引导材料全调色板
我想在我的 Angular 应用程序中添加引导材料设计的完整调色板。
当我在做“grunt build”时，这个文件 material-fullpalette.min.css 在 dist 中不起作用（我在 index.html 中手动添加了它）。
我怎样才能正确地做到这一点，以便我能够使用 css 文件的所有颜色？
css - 在 Yii2 中使用 bootstrap 材料设计后，波纹效果不起作用
我正在尝试使用本教程在我的 yii2 高级应用程序中使用 Material Ripple。
并且在Test.html按钮、效果和涟漪中有效，但在我的Yii2应用程序中，该库没有任何涟漪效果。
这是我的 css 和其他文件：
物质资产：
如何解决这个问题？