【问题标题】:Twitter Bootstrap Customization responsiveTwitter Bootstrap 自定义响应式
【发布时间】:2013-05-05 15:15:52
【问题描述】:

我想像 Twitter Bootstrap Customization Best Practices 那样设置引导程序 我想要响应版本。我找到了这个线程Twitter Bootstrap responsive css is not generated form the less files 但我不清楚如何设置引导文件,以便可以使用响应版本对其进行自定义?

【问题讨论】:

    标签: css twitter-bootstrap less


    【解决方案1】:

    如果您想知道如何使用 less 来自定义引导 css,然后在您的项目中使用它,那么有一些基本方法。

    您可以将您的自定义组合到基本引导 css 文件中并将其导入到您的项目中,或者您可以保留引导文件不变,为您的自定义创建第二个 css 文件并将其也导入到您的项目中,在引导程序之后css。

    覆盖与覆盖。

    从您提供的第一个链接中,您可以看到这两种方法都有其支持者。

    我通常使用第一种方法,这就是我所做的。

    • 下载一份less文件here is one source,并添加到您的项目文件中
    • 打开 bootstrap.less 文件。您会看到它编排了所有内容并导入了各个较少的文件
    • 创建 theme-variables.lesstheme-css.less 文件并保存到这个 less 文件夹中
    • 您需要以正确的顺序导入这些文件。在 Core variables 和 mixins 块的末尾添加变量文件 @import "theme-variables.less"; 和在 Base CSS 块末尾的主题文件 @import "theme-css.less"; 对我有用。根据您正在定制的内容,您可能需要稍微尝试一下

    基本上就是这样。编辑您的自定义文件,编译 bootstrap.less,并将生成的 bootstrap css 文件导入您的项目。

    一开始您自然希望保留良好的备份以防出现问题,升级 Bootstrap 时也是如此。

    祝你好运!

    【讨论】:

      【解决方案2】:

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-10-12
        • 2013-02-20
        • 1970-01-01
        • 2015-05-14
        • 1970-01-01
        • 1970-01-01
        • 2012-05-19
        • 1970-01-01
        相关资源
        最近更新 更多