【发布时间】:2013-10-26 13:02:06
【问题描述】:
我正在学习 Bootstrap 3,并尝试在屏幕尺寸为桌面时简单地更改 H1 标签的颜色。我想避免在我的 css 中使用设备宽度,所以我希望做一些像这样基本的事情,但它不起作用:
@media (min-width: @screen-md) {
h1 {color: #ff0000;}
}
我已确保已下载已编译的 bootstrap 3 zip 文件,根据文档,该文件应该包含这些 bootstrap 特定的 mixin。 zip 文件没有 less 文件夹,如果我正确阅读了文档,min css 文件应该已经编译并准备好使用其专有的 less 变量。
我有一个简单的页面,我希望在桌面上查看时将我的 Hello World 显示为红色,但事实并非如此。我究竟做错了什么?我还需要从 GitHub 项目下载 less 文件并包含那些代替引导 css 的文件吗?
【问题讨论】:
-
我通常做
@media screen and (min-width:@screen-md-min){}没有错误。如果它被编译,它将看不到变量。您需要下载源代码(是的 - GitHub 上的 LESS),然后自己调整/编译。
标签: css twitter-bootstrap-3 less mixins