【问题标题】:How do I use the Bootstrap 3 mixins?如何使用 Bootstrap 3 mixin?
【发布时间】: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


【解决方案1】:

如果你想使用和修改less mixins,你不需要编译好的bootstrap 3文件,但是source。有关详细信息,请参阅github repo

【讨论】:

    猜你喜欢
    • 2014-08-06
    • 1970-01-01
    • 2011-01-28
    • 2014-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-16
    相关资源
    最近更新 更多