在旧网站上实现部分Framework css

时间:2014-12-12 11:49:26

标签: html css twitter-bootstrap zurb-foundation semantic-ui

我知道bootstrap,semanticUI,foundation等。

我的新项目是旧网站的一部分。我们希望开始使用普通的css框架实现新功能。 那么,如何实现局部视图? 让我们说一个框架css,而无需从头开始重建所有网站?

<body> <!-- regular old website css -->
  <div class="old"></div>
  <div class="everything-in-here-using-css-framework"></div>
</body>

可能吗?哪个框架支持这个?

1 个答案:

答案 0 :(得分:2)

我不完全理解,但我认为您可以按照以下步骤操作:

  1. 确保您的框架没有匹配的冲突类名称(在基础中,例如:columns,small-12等...)
  2. 包含框架的CSS文件(您可以链接到cdn仅用于测试)
  3. 开始编写一些新的html元素,看看它是怎么回事。
  4. 如果崩溃发生(可能他们会)开始更改旧元素名称 - 对于instace add&#34; old - &#34;你所拥有的每一堂课。
  5. 另一种方法可能是将现有项目移动到SASS,然后将旧CSS包装在像这样的容器中

    .old {
        header { ... }
        div { ... }
    }
    

    并将所有框架样式放在这样的内容中:

    .new {
         ...
    }
    

    如果您提供更多详细信息,我认为我们会更有帮助。