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

laravel - 在 Laravel 样板中使用 Bootstrap-material-design

我正在尝试在 Laravel 上使用 Bootstrap-material-design https://github.com/FezVrasta/bootstrap-material-design http://laravel-boilerplate.com-boilerplate

Bootstrap-material-design 有一个npm install,但根据 Bootstrap-material-design ,它“只是”为字体和样式表添加必要的链接到您的元素,但 Laravel 找不到。我已经尝试过手动移动 .css 和 .js 文件:

public文件夹中我有 /css 和 /js 但我总是收到 404 错误。

Laravel-boilerplate 将此配置用于 webpack-mix.js:

0 投票
2 回答
1318 浏览

jquery - 在 Angular 4 应用程序(+ Angular CLI)中使用 angular-material-design

如何在 Angular 4 应用程序(使用 Angular CLI )中使用bootstrap-material-design

我只是styles.css像这样添加了css文件:

我可以访问 bootstrap-material-design 类,但某些元素(如输入)无法正常工作。

我想我必须添加.angular-cli.json文件jQuerybootstrap-material-design脚本,但这也不起作用。

正确的方法是什么?

从文档中,我需要通过将以下 javascript 添加到您的站点来初始化材料 javascript,但我不能。

0 投票
1 回答
170 浏览

jquery - 骨干应用程序集成引导材料设计

我有一个旧的骨干轨应用程序,它是在 2011 年写回的(可能依赖项最后一次更新是在 2013 年左右)。它有一个非常旧的 UI,所以我想通过应用漂亮的引导材料设计来更新它。这并不像听起来那么简单,因为 jquery 是 2011 版本的主干依赖项。当我导入任何引导主题时,导航抽屉之类的东西不起作用,因为主干的 jquery(旧版本)由于导入顺序而覆盖了较新的 jquery。如果我删除较旧的 jquery 并仅使用 CDN 中的较新 jquery,应用程序可能会由于旧 jquery 中存在但较新 jquery 中没有的某些方法而崩溃。即使我尝试将主干版本升级到最新版本,应用程序也会中断(如预期的那样)。

我很困惑,如何开始升级这个?我知道这是一个非常具体的问题,可能有经验的人可以帮助有类似问题的人。

PS:没有选择转向角度或反应,主干代码太多,现在无法重写(并且是管理调用)

0 投票
1 回答
691 浏览

angularjs - Material Design Bootstrap 在 AngularJS 单页应用程序中不起作用

我正在开发 MEAN Stack 应用程序。我想在我的单页应用程序中使用 Bootstrap Material Design CSS 样式,但是在使用mdb.min.css时路由不起作用。避免此问题的解决方案是什么。

如果我添加mdb.min.css路由页面在 ng-view 中不可见。但是如果我删除mdb.min.css页面在没有样式的情况下可见

0 投票
0 回答
999 浏览

angular - Angular 2浮动标签不起作用

当视图第一次呈现时它不起作用,直到我按 F5 刷新整个页面然后它工作正常我使用两种方式数据绑定输入这是属性声明 searchKey:string

刷新前

刷新前

刷新后

刷新后

0 投票
0 回答
198 浏览

angular - 不显示 angular 2 图标上的 bootstrap-material-icons

我正在尝试在我的 angular 2 应用程序上安装 bootstrap-material-icons,但图标没有显示,就像没有安装模块一样。
我已经(一如既往)遵循这个站点的说明,但我有两个疑问:
1)首先,因为我的项目上安装了 npm,这是基于 angular-cli 安装的,引导程序的 css 文件夹材料在:

所以我试图改变到css的相对链接,到css所在的文件夹,但没有任何反应。

2)我试过,在第二种情况下,以这种方式将css添加到angular-cli.json中的样式对象:

但即使这样也行不通,对我来说(但我想知道我是否正确)这是一种行不通的方式,因为当我构建应用程序时,angular-cli 会恢复 css 但它会留下他需要的所有其他引导材料图标元素,例如放置所有 glypicon 的字体文件夹。

0 投票
1 回答
107 浏览

html - bootstrap, bootstrap-material-design, 300% 高分辨率显示

我在使用 3800x2400 分辨率(推荐 300%)的屏幕时遇到问题。我有一个屏幕为 1920x1080(监视器 1)和另一个如上所述(监视器 2),我正在使用 rems,我的代码在监视器 1 中显示完美,但在监视器 2 中变得太大:所有尺寸、边距、当我检查 DOM 时,px 中的填充是相同的,除了在监视器 2 中它显示得太大并且有滚动条。

我使用基于 8px 计算移动设备的 rems,以及基于 10px 计算平板电脑或更大尺寸的 rems。

监视器 1

在此处输入图像描述

监视器 2

在此处输入图像描述

在监视器 2 中,它太大了,需要一个滚动条。我检查了 DOM,所有尺寸都以 px 为单位,与监视器 1 中的一样。为什么会这样显示?

0 投票
1 回答
225 浏览

jquery - 初始化材料设计引导标签

我在我的 Laravel 应用程序中使用Material Design 标签。

我想用存储在数据库中的值初始化这个芯片元素:

在刀片中,我得到$art->keywords如下:

如何将此值分配给下面的 jQuery 代码?

我试过这个:

但后来我收到以下错误:

未捕获的类型错误:无法使用 'in' 运算符在 ["art"] 中搜索 'length'

我也试过这个:

收到此错误:

未捕获的 SyntaxError:意外的令牌和位置 1 的 JSON

如果数组是数字的,一切都很好,即[1,2,3]

0 投票
0 回答
317 浏览

angular - Angular 4 错误升级包

我有一个 Angular 4 项目,在此之后我刚刚升级了包我运行 npm update 命令现在我在尝试为应用程序提供服务时出现此错误:

错误:ENOENT:没有这样的文件或目录,打开 'C:\app\node_modules\bootstrap-material-design\dist\js\material.min.js'

在更新之前,我的 package.json 是这样的:

我没有更改任何目录或其他东西比更新后的 package.json 是:

0 投票
1 回答
739 浏览

angular - 如何在基于 Sass 的 Angular4 应用程序中集成 Bootstrap 材料设计

我正在尝试将 bootstrap-material-design 集成到基于 sass 的 angular4 应用程序中。

它与预编译的 css 完美配合。但我想使用 bootstrap-material-design 的 sass 版本。

请帮我。