link 基础样式表似乎不起作用

Question

我已经在论坛上搜索了这个（例如：），但没有对我的情况有帮助的答案。

我在这里下载了当前版本的 Foundation： https://foundation.zurb.com/sites/download.html/

然后我将它放入我的项目文件夹中，并在我的 index.html 中创建了一个 link。 link 看起来像这样：

  <link rel="stylesheet" href="Foundation/css/foundation.css">

外部资源的其他 link 有效。

所以我尝试了实现并从基础示例中复制粘贴了一些代码，这个：

   <div class="card-info info">
     <div class="card-info-label">
       <div class="card-info-label-text">
        FYI
       </div>
      </div>
   <div class="card-info-content">
     <h3 class="lead">Chappie</h3>
      <p>In the near future, crime is patrolled by a mechanized police 
      force. When one police droid, Chappie, is stolen and given new 
     programming, he becomes the first robot with the ability to think 
     and feel for himself.</p>
   </div>
 </div>

然而，没有任何反应。我只是在没有任何样式的情况下输出字符串，所以我猜 link 不起作用。我的站点在 angular 上运行，这会造成问题吗？如果是这样，为什么另一个 link 有效而这个无效？

Answer 1

要使构建块正常工作，您必须从底部复制 SCSS / CSS 内容，您还需要将其复制到 foundation.css 文件中。

link 基础样式表似乎不起作用

link to foundation stylesheet seems not to work

zurb-foundation