html - 在旧网站上实现部分 Framework css

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

我知道 bootstrap、semanticUI、foundation 等

我的新元素是旧网站的一部分。我们想开始使用普通的 css 框架实现新功能。 那么,如何实现分部 View 呢? 让我们说一个没有从头开始重建所有网站的框架 css?

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

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

最佳答案

我不是很明白,但我认为你可以按照以下步骤操作:

  1. 确保没有与您的框架匹配的冲突类名(例如在基础中:columns、small-12 等...)
  2. 包括框架的CSS文件(你可以链接到一个cdn只是为了测试)
  3. 开始编写一些新的 html 元素,看看效果如何。
  4. 如果发生崩溃(可能会发生),则开始更改旧元素名称 - 例如,将“old-”添加到您拥有的每个类中。

另一种方法可能是将现有元素移动到 SASS,然后将旧 CSS 包装在这样的容器中

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

然后把所有的框架样式放在这样的地方:

.new {
     ...
}

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

关于html - 在旧网站上实现部分 Framework css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27443062/

相关文章:

CSS: "Indentation"位于事件菜单项下方的边框中

javascript - svg 上的 Bootstrap 弹出窗口

jquery - 如何使此容器响应(移动/小型设备)- Bootstrap 3

javascript - 如何构建一个轻量级的在线文本编辑器?

javascript - 使用语义 ui 时 react 选择宽度问题

javascript - 使用 WhatsApp HTML 链接分享图片和网址

css 图像翻转不起作用

javascript - Bootstrap 导航栏在 AngularJS 环境中不会折叠

javascript - 修复了 IE8 上的表头 <td> 宽度

jquery - executeSql 查询错误