如何修改Flask应用程序中的Bootstrap LESS变量?

时间:2014-08-30 02:46:39

标签: css twitter-bootstrap flask sass less

我正在使用Flask创建一个静态网站,并使用flask-bootstrap扩展来简化前端开发。我同时学习了Rails,所以我知道有一些语言可以编译成CSS(LESS / SASS / SCSS)。据我了解,默认情况下Bootstrap使用LESS,在我的Rails应用程序中,我必须将LESS变量(在开头用@符号)转换为SCSS变量(带$)。这不是太难,没问题。

我注意到在Miguel Grinberg的教程(Flask Web Development,O' Reilly)中使用了Bootstrap(Flask-Bootstrap扩展),并且简要提到{%block styles%}用于这样包含样式表,我对如何修改默认使用Bootstrap的现有LESS变量感到困惑,这样我就可以修改网格结构而不会弄乱我自己的自定义样式表。我希望能够做到,例如,修改@ body-bg LESS变量,或者这里的任何变量:http://getbootstrap.com/customize

1 个答案:

答案 0 :(得分:0)

这是一个非常有趣的问题。我也很有兴趣动态创建样式。你需要采取其他方式。按照上面描述的方式,这是不可能的。

您提到过您使用过Flask-Bootstrap。此扩展程序采用Flask项目来使用Twitter Bootstrap样式。我没有喜欢任何SASS / LESS功能 http://pythonhosted.org/Flask-Bootstrap/#
https://github.com/mbr/flask-bootstrap

如果您查看扩展程序的静态文件夹,您将找不到任何SASS / LESS曲目。

据我所知,Twitter Bootstrap是由LESS生成的。还有一个SASS叉子。您重新生成样式并将其替换为Flask-Bootstrap项目的静态文件夹。

如果您想动态创建,则需要创建自己的解决方案。我不知道准备好的扩展。这是一项非常具有挑战性的任务。