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