查询m-login__title、m-form等m前缀CSS类的官方库及安装方法
关于
m-前缀CSS类的来源 你遇到的m-login__title、m-login__form、m-form、m-grid__item这类m-前缀CSS类,是Metronic管理后台主题v5.x版本的内置私有样式类,不属于独立发布的通用开源UI库。
- 你在Bootstrap、最新版Metronic官方文档中找不到对应类说明属于正常情况:Metronic是基于Bootstrap深度定制的付费商业主题,
m-前缀类是v5大版本时期主题内部扩展的组件样式,既不属于Bootstrap原生类库,也在Metronic后续版本迭代中更换了类名命名规则,因此新版官方示例不会展示这类旧版类的用法。 - 你在不同Github项目中看到的
assets/demo/default/base/style.bundle.css、scripts.bundle.js文件内容差异大,是因为这类bundle文件是每个开发者拿到主题源文件后,根据自身项目需求修改、裁剪、重新打包后的产物,没有统一的版本标准。
安装使用说明
- 不存在可直接通过npm安装的对应官方独立包。这类
m-前缀样式从未作为公共npm包发布,所有公开仓库中出现的对应样式文件,都是不同开发者从自有主题资源中提取修改的版本,无统一维护,跨项目直接混用很容易出现样式冲突、交互失效问题。 - 若你当前维护的Angular 13项目是基于已有Metronic v5.x的二次开发项目,直接把项目内完整的
style.bundle.css、scripts.bundle.js路径配置到angular.json的styles、scripts数组中即可正常使用,不需要额外安装依赖。 - 若你是全新开发需要用到这套样式,需要获取对应版本的Metronic主题原始交付包,将包内匹配版本的基础资源复制到项目assets目录下使用。注意:不要零散拷贝单个类的样式规则,这类私有类存在大量层级依赖,零散复制会直接导致样式错乱。
内容的提问来源于stack exchange,提问作者RGAM
相关产品推荐
相关产品推荐

