如何修改您的 CSS 使用 Mobile Angular UI 和 Bootstrap

How to modify your CSS working with Mobile Angular UI and Bootstrap

我知道我的问题已经有很多主题,但我认为在一个主题中有一个明确的答案可能对社区有所帮助。

这是关于在使用移动 Angular UI 时使用 bootstrap 模板修改您的 CSS。

  1. 这是使用 Mobile Angular UI 组织项目的方式:
    • bin
    • bower_components
    • 挂钩
    • node_modules
    • 平台
    • 插件
    • 源码
    • www

我的 index.html 在 src/html/ 中,我的其他网页在 src/templates . 我的索引输入看起来像:

<link rel="stylesheet" href="css/app.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />

感谢它,我可以在我的网页上看到 bootstrap 模板。但我不知道如何修改它。我看到的两个解决方案是创建一个 design.css 并在另外两个 .css 之后导入它,但它不起作用。 我也看到正常应该导入bootstrap.min.css,但是对我的网页没有影响。

那么我如何修改我的网页的全局设计,例如背景颜色,同时保留 Bootstrap 模板?我们可以进入 less 文件 吗?这两个 css responsive.minapp.min 的目的是什么?

在使用 Mobile Angular UI 时,我们应该如何组织 CSS 文件?

非常感谢!

顺便问一下,您使用的 Mobile angular UI 是哪个版本?我认为那些样式表不可用。我已经 git 克隆了 项目,但我看不到它们。

现在我可以回答你的问题了。如果你下载好框架,你将有一个 src 目录。在这个 src 目录中,您有 less/variables.less,您可以在其中更改界面的大部分可自定义元素。

然后你 gulp build 再次拥有适当的 dist/css/*.css 元素。

希望有所帮助。