如何重用Twitter-bootstrap使用MopaBootstrapBundle提供的變量？

Question

我使用Symfony2.0和MopaBootstrapBundle v2.x_sf2.0，它們提供Twitter-bootstrap。實際上，我包含了像documentation那樣的Less文件。該文件包含來自Twitter-bootstrap的所有Less文件。我的問題是我無法訪問其他文件中TwitterBootstrap提供的mixins。

{% stylesheets filter='less 
     '@MopaBootstrapBundle/Resources/public/less/mopabootstrapbundle.less' 
     '@MyBundle/Resources/public/less/myfile.less' 
    %} 
    <link href="{{ asset_url }}" type="text/css" rel="stylesheet" /> 
    {% endstylesheets %} 

這是解決這一問題的最佳方法是什麼？

在此先感謝。

Answer 1

獲取捆綁包中的mixin和變量的一種方法是將mopabootstrap.less文件複製到@MyBundle/Resources/public/less/bootstrap.less，並修改導入的路徑以指向MopabootstrapBundle。我還會添加一個名爲@import "bootstrap-override.less";的附加最後一個導入，用於添加其他元素的樣式。然後

你的樣式塊將如下所示：

{% stylesheets filter='less 
    '@MyBundle/Resources/public/less/bootstrap.less' 
%} 
<link href="{{ asset_url }}" type="text/css" rel="stylesheet" /> 
{% endstylesheets %} 

在你需要改變的核心引導文件中的一個（你可能需要variables.less）的情況下，把它們複製到你的項目和變更bootstrap.less中的導入路徑。

Answer 2

我有一個類似的問題，我無法訪問我自定義較少的文件中的variables.less變量。所以我創建了一個包來幫助解決這個問題，也許有人會發現它很有用。

https://github.com/realtyhub/BootstrapBundle

https://packagist.org/packages/realtyhub/bootstrap-bundle