2013-10-17 66 views
0

我在学习Bootstrap 3,并试图在屏幕尺寸为桌面时简单地更改H1标签的颜色。我想避免在我的CSS使用设备的宽度,所以我希望做一些基本的这一点,但它不工作:如何使用Bootstrap 3 mixins?

@media (min-width: @screen-md) { 
    h1 {color: #ff0000;} 
} 

我已经取得了一定要下载编译自举3 zip文件,其中根据文档应该有这些引导特定mixin。 zip文件不会带有较少的文件夹,如果我正在阅读文档,min css文件应该已经被编译并准备好使用它们专有的较少变量。

我有一个简单的页面,我希望在桌面上查看时显示我的Hello World红色,但它没有。我究竟做错了什么?我是否还需要从GitHub项目下载较少的文件,并将这些文件包含在bootstrap css中?

+0

我通常会做'@media screen和(min-width:@ screen-md-min){}'没有错误。如果它被编译,它将不会看到变量。您需要下载源代码(是的 - GitHub上的LESS),然后自己调整/编译。 – Aibrean

回答

2

如果您想要使用和修改较少的mixins,则不需要编译的引导程序3文件,但是需要source。有关更多信息,请参见github repo