Zurb Foundation 6 站点和应用程序的混合和匹配组件

Question

是否可以混合和匹配Zurb Foundation 6 for Sites/Apps的组件？ 例如，我可以在 Foundation 6 for Sites 安装中使用 Zurb Foundation 6 for Apps 的 Card 组件吗？

如果是这样，这怎么可能？

Answer 1

它very much possible，我一直在我的作品中使用它们。只需确保include appropriate css and js文件即可。

例如：

<!--Scripts-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/foundation.min.js"></script>
    <script type="text/javascript" src="js/foundation-apps.min.js"></script>
    <script type="text/javascript" src="js/foundation.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
    <script type="text/javascript" src="js/iconic.min.js"></script>
    <script type="text/javascript" src="js/motion-ui.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
<!--Styles-->
    <link rel="stylesheet" href="css/foundation-apps.min.css"/>
    <link rel="stylesheet" href="css/foundation.min.css"/>
    <link rel="stylesheet" href="css/motion-ui.min.css"/>
    <link rel="stylesheet" href="css/app.css"/>

你这样做是为了本地开发，如果你愿意，你可以compress all files into one minified (.min) file生产。