如何修改您的 CSS 使用 Mobile Angular UI 和 Bootstrap
How to modify your CSS working with Mobile Angular UI and Bootstrap
我知道我的问题已经有很多主题,但我认为在一个主题中有一个明确的答案可能对社区有所帮助。
这是关于在使用移动 Angular UI 时使用 bootstrap 模板修改您的 CSS。
- 这是使用 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.min 和 app.min 的目的是什么?
在使用 Mobile Angular UI 时,我们应该如何组织 CSS 文件?
非常感谢!
顺便问一下,您使用的 Mobile angular UI 是哪个版本?我认为那些样式表不可用。我已经 git 克隆了 项目,但我看不到它们。
现在我可以回答你的问题了。如果你下载好框架,你将有一个 src
目录。在这个 src
目录中,您有 less/variables.less
,您可以在其中更改界面的大部分可自定义元素。
然后你 gulp build
再次拥有适当的 dist/css/*.css
元素。
希望有所帮助。
我知道我的问题已经有很多主题,但我认为在一个主题中有一个明确的答案可能对社区有所帮助。
这是关于在使用移动 Angular UI 时使用 bootstrap 模板修改您的 CSS。
- 这是使用 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.min 和 app.min 的目的是什么?
在使用 Mobile Angular UI 时,我们应该如何组织 CSS 文件?
非常感谢!
顺便问一下,您使用的 Mobile angular UI 是哪个版本?我认为那些样式表不可用。我已经 git 克隆了 项目,但我看不到它们。
现在我可以回答你的问题了。如果你下载好框架,你将有一个 src
目录。在这个 src
目录中,您有 less/variables.less
,您可以在其中更改界面的大部分可自定义元素。
然后你 gulp build
再次拥有适当的 dist/css/*.css
元素。
希望有所帮助。