你能用VQMOD直接修改bootstrap.min.css吗?

时间:2015-02-15 08:00:24

标签: xml twitter-bootstrap vqmod

我正在尝试使用VQMOD以下列方式更改bootstrap.min.css,但它不起作用。

除了构建重复的bootstrap.min.css文件之外,还有什么办法可以解决这个问题吗?

 <?xml version="1.0" encoding="UTF-8"?>
  <modification>
   <id>Adds custom color link in bootstrap</id>
   <version>1.0</version>
   <vqmver>2.5.1</vqmver>
   <author>Bubba</author>
    <file name="catalog/view/javascript/bootstrap/css/bootstrap.min.css">
     <operation info="Replace link colors">
       <search position="replace"><![CDATA[
       a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}
       ]]></search>
       <add><![CDATA[
       a{color:#855e42;text-decoration:none}a:hover,a:focus{color:#000000;text-decoration:underline}
       ]]></add>
   </operation>
  </file>
</modification>

1 个答案:

答案 0 :(得分:2)

根据this article,vQmod有一个限制,可以修改文件。

  

您无法编辑所有内容 - CSS,JS和独立文件。样式表和JavaScripts由浏览器处理,因此默认情况下无法通过vQmod对其进行编辑。

不幸的是,这给我们留下了两个选择:

  1. 修改原始文件
  2. 使用内联代码块调整CSS / JS
    • <style type="text/css">
    • <script type="text/javascript">
  3. as @BubbaYakoza指出另一种方法是使用vQmod修改<head>标签以替换对修改后的文件的引用
    • 只要您的<head>定义在index.php
    • 之外