zurb-foundation - 为 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用于生产。