Twitter bootstrap 3 带bootstrap3的约曼

Twitter bootstrap 3 带bootstrap3的约曼,twitter-bootstrap-3,yeoman,yeoman-generator,Twitter Bootstrap 3,Yeoman,Yeoman Generator,我是新来的约曼人。我想使用Bootstrap3,我想使用在线生成器自定义它,将默认样式更改为我的应用程序样式 由于Yeoman处理所有依赖项,我如何进行这些更改并将其添加到webapp?如果您使用的是生成器,那么您将获得已编译的css文件。这些文件只能通过在项目中硬编码来集成(在大多数情况下是index.html)。我不建议走这条路。生成器提供的所有css配置参数也是可以更改的sass变量。您可以在自己的项目中使用这些变量,如下所示: 通过bower安装sass引导程序 bower instal

我是新来的约曼人。我想使用Bootstrap3,我想使用在线生成器自定义它,将默认样式更改为我的应用程序样式


由于Yeoman处理所有依赖项,我如何进行这些更改并将其添加到webapp?

如果您使用的是生成器,那么您将获得已编译的css文件。这些文件只能通过在项目中硬编码来集成(在大多数情况下是index.html)。我不建议走这条路。生成器提供的所有css配置参数也是可以更改的sass变量。您可以在自己的项目中使用这些变量,如下所示:

通过bower安装sass引导程序

bower install sass-bootstrap 
在main.css中,必须包含bootstrap.scss文件:

@import 'sass-bootstrap/lib/bootstrap';
在此include语句之前,您可以更改引导生成器提供的所有变量,例如更改您必须写入的背景颜色

$body-bg: eee;
可以使用生成器提供的所有变量执行此操作。只需将
@
替换为
$
符号即可


当然,在
gruntiles.js
中需要一个
compass
目标。如果您在配置GrunFile时遇到问题,请查看。使用此生成器,您可以创建一个示例项目以获得所需的配置。

所谓“默认样式”是指引导样本主题?@vucalur no。您可以修改引导的默认变量哦,好的。然后,正如Michael指出的,使用SASSed版本的引导是唯一一种“干净”的方法。如果您想另外使用默认引导的主题(看起来更好),请添加
@import'sass bootstrap/lib/theme'它在我的一些应用程序中的工作原理(使用bootstwatch主题):谢谢!关于如何使用LESS引导版本实现这一点,您有什么想法吗?@mauro-可能为时已晚,但LESS具有相同的导入功能: