如何在Flask應用程序中修改Bootstrap的LESS變量？

我正在使用Flask製作一個靜態網站，並使用flask-bootstrap擴展來簡化前端開發。我同時學習Rails，所以我明白有一些這樣的語言可以編譯爲CSS（LESS/SASS/SCSS）。據我瞭解，Bootstrap默認使用LESS，而在我的Rails應用程序中，我必須將LESS變量（在開始處帶有@符號）轉換爲SCSS變量（帶有$）。這不是太難，沒問題。如何在Flask應用程序中修改Bootstrap的LESS變量？

我注意到在Miguel Grinberg的教程（Flask Web Development，O'Reilly）中使用了Bootstrap（Flask-Bootstrap擴展），並簡要提及用於包含樣式表的{％block styles％}，我對如何修改現有的默認使用Bootstrap的LESS變量感到困惑，以至於我可以修改網格結構，而不用我自己的自定義樣式表搞混了。我希望能夠做到的，例如，修改@ body-bg LESS變量，或者這裏的任何一個：http://getbootstrap.com/customize

來源

2014-08-30 Arthur Collé

您不必將'Less'版本轉換爲'Sass'。 Twitter bootstrap已經有一個官方的Sass端口：https：//github.com/twbs/bootstrap-sass – 2014-08-30 06:39:27

這是一個非常有趣的問題。我也很有興趣動態地創建樣式。你需要採取另一種方式。這是不可能的，就像你上面描述的那樣。

你提到你使用了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項目的靜態文件夾中。

如果你想動態地做到這一點，你需要創建自己的解決方案。我不知道現成的擴展。這是非常具有挑戰性的任務。

來源

2014-08-30 08:59:47

如何在Flask應用程序中修改Bootstrap的LESS變量？

回答

相關問題