Yeoman with Bootstrap 3

我是Yeoman的新手。我想使用Bootstrap3，我想使用在線生成器進行自定義，以將默認樣式更改爲我的應用樣式。Yeoman with Bootstrap 3

由於文書上士處理所有的依賴性怎樣才能讓這些變化，並把它添加到web應用程序？

2014-02-07 Harsha M V

通過「默認樣式」你的意思是bootswatch主題？ – vucalur

@vucalur no no。默認變量，你可以修改引導程序 –

哦，好的。然後，如Michael所指出的那樣，使用SASSed版本的bootstrap是唯一的「乾淨」方法。如果你想另外使用默認引導的主題（看起來更好的imho），添加'@import'sass-bootstrap/lib/theme';'它在我的一些應用程序中如何工作（使用bootstwatch主題）：[main.scss文件（https://github.com/vucalur/django-wibses/blob/master/django_wibses/django_wibses/wibses/yo/app/styles/main.scss） – vucalur

如果你正在使用你被編譯css文件的生成。這些文件只能通過在您的項目中硬編碼來進行集成（大多數情況下，您的文件是index.html）。我不會推薦這樣。生成器提供的所有css配置參數也是可以更改的sass變量。

在你的main.css由鮑爾

bower install sass-bootstrap

安裝青菜，引導你必須包括bootstrap.scss文件：

@import 'sass-bootstrap/lib/bootstrap';

您可以在自己的項目中按如下方式使用這些變量

在包含聲明之前，您可以更改自舉生成器提供的所有變量 - 例如，更改您必須編寫的背景顏色

$body-bg: eee;

可以由發電機提供的所有變量做到這一點。只需將@替換爲$標誌即可。

可以肯定你需要在你Gruntfiles.js一個compass目標。如果您在配置gruntfile時遇到問題，請查看https://npmjs.org/package/generator-bootstrap。使用此生成器，您可以創建一個示例項目以獲取所需的配置。

來源

2014-02-08 08:54:01 michael

我是否需要手動SaaS的文件添加到HTMLS？ –

謝謝！有關我如何使用LESS Bootstrap版本執行此操作的任何想法？ – Mauro

@mauro - 可能爲時已晚，但LESS具有相同的導入功能：http://lesscss.org/features/#import-options –

Yeoman with Bootstrap 3

回答

相關問題