Twitter Bootstrap + Less:设置

时间:2013-01-04 12:54:40

标签: css twitter twitter-bootstrap less font-awesome

如何使用Less设置Twitter Bootstrap?我是从http://twitter.github.com/bootstrap/下载的  Twitter Bootstrap库和CSS文件夹中有4个文件:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css

然后我决定使用LESS。所以我去了GitHub - https://github.com/twbs/bootstrap,根目录是名为less的文件夹。该文件夹包含42 * .less文件。我打开了bootstrap.less文件,其中包含了所有* .less文件,但我没有看到“响应”较少的文件。

第二件事 - 我必须下载所有这42个文件并将它们包含在一个文件中(bootstrap.less)?

没有更好的方法来安装 Twitter Bootstrap + Less(+ Font-Awesome)

3 个答案:

答案 0 :(得分:0)

回答第二个问题
有一个less/responsive.less文件,其中包含响应代码。

回答第一个问题
我认为在应用程序中包含较少的文件并不是一个好主意,因为较少的文件解析将消耗客户端资源,并且会影响应用程序的性能。

如果要自定义构建引导程序,可以使用引导程序站点中的customize选项。

如果您想要进行更多自定义构建,您可以克隆git存储库并使用Crunch!之类的较少工具(如here)来构建它。

答案 1 :(得分:0)

这里还有一个CDN版本,配有Twitter Bootstrap + Font Awesome: http://www.bootstrapcdn.com/?v=01042013155511#tab_fontawesome

答案 2 :(得分:0)

当我们想要使用less / bootstrap /样板

时,我们有一个启动zip

您可以从 - >下载http://rhino.welcomweb.se/html-less-bootstrap.zip