Twitter Bootstrap自定义响应

Question

我想设置像那样的引导Twitter Bootstrap Customization Best Practices 我想通过响应版本。我发现这个线程Twitter Bootstrap responsive css is not generated form the less files 但我不清楚我如何设置引导文件，所以我可以使用响应版本来定制它？

Answer 1

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

您可以将您的自定义组合到基本引导程序的css文件中，并将其导入到您的项目中，或者可以不改变引导程序文件，为您的自定义创建第二个css文件并将其导入到项目中，引导CSS。

覆盖vs覆盖。

从你给的第一个链接，你可以看到两种方法都有他们的支持者。

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

• 下载的文件少，here is one source的副本，并将其添加到您的项目文件
• 打开bootstrap.less文件。你会看到，它编排一切，并导入个人少的文件
• 创建主题variables.less和主题css.less文件并保存到这个文件夹中少
• 您需要在导入这些文件正确的顺序。将核心变量和mixins块末尾的变量文件添加到@import "theme-variables.less";以及底部CSS块末尾的主题文件@import "theme-css.less";适用于我。根据你正在定制什么，你可能需要玩这个有点

这基本上是它。编辑您的自定义文件，编译bootstrap.less，并将生成的引导程序css文件导入到您的项目中。

当然，在开始时您希望保持良好的备份以避免出现问题，并且同样在升级Bootstrap时。

祝你好运！

Answer 2

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

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

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