3

我想通过响应式版本设置我想要的Twitter Bootstrap Customization Best Practices的引导程序。我发现这个线程Twitter Bootstrap responsive css 不是从 less 文件中生成的， 但我不清楚如何设置 bootstrap 文件以便我可以使用响应版本对其进行自定义？

4

2 回答 2

1

先下载表格https://github.com/twbs/bootstrap少版

如何使用越来越少的编译器 http://lesscss.org/ http://winless.org/

引导教程 http://www.w3resource.com/twitter-bootstrap/tutorial.php

于 2013-05-06T06:37:48.643 回答
1

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

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

覆盖与覆盖。

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

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

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

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

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

祝你好运！

于 2013-05-05T16:57:35.370 回答