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

Question

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

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

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

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

Mixing and Matching Components for Zurb Foundation 6 Sites & Apps

zurb-foundation

zurb-foundation-apps

zurb-foundation-6