css - 如何使用 Mobile Angular UI 和 Bootstrap 修改你的 CSS

Question

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

这是关于在使用 Mobile Angular UI 时使用 Bootstrap 模板修改 CSS。

1. 这是使用 Mobile Angular UI 组织元素的方式:
   • 本
   • bower_components
   • 钩子(Hook)
   • 节点模块
   • 平台
   • 插件
   • 来源
   • 万维网

我的 index.html 在 src/html/ 中，其他网页在 src/templates 中。我的索 Bootstrap 入看起来像:

<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.min 和 app.min 的目的是什么？

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

非常感谢!

Answer 1

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

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

然后您再次 gulp build 以获得适当的 dist/css/*.css 元素。

希望对您有所帮助。