使用Zurb Foundation而不破坏现有代码

Question

基础适用于创建整个页面设计，但对于要包含在现有代码（html，css）中的小代码段而言，它不是一个好的选择。 基金会在_global.scss：

中有这个

html, body {
  height: 100%;
}

// Set box-sizing globally to handle padding and border widths
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  @include box-sizing(inherit);
}

这破坏了现有的设计。

我的问题是;如何在页面中集成基于Foundation的片段div，从而获得Foundation提供的内容（行，列......），而不会破坏其他代码。不使用iFrame。

Answer 1

根据Global Styles的Foundation Docs页面：

  

全球风格

     

每个Foundation项目都需要包含这些全局样式才能正常工作。这些包括基本格式和全局实用程序类。

如果您想使用网格，则必须包含_global.scss文件，因此您必须更新旧布局以支持box-sizing: border-box或调整整个布局才能工作与基金会。