链接到基础样式表似乎不起作用

Question

我已经在论坛上搜索了此信息（例如：HTML/CSS: Foundation stylesheet wont link），但是没有答案对我的情况有所帮助。

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

然后，将其放入项目文件夹，并在index.html中建立指向该文件的链接。链接看起来像这样：

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

其他与外部资源的链接都起作用。

因此，我尝试了该实现，并从基础示例（该示例）中复制了一些代码：

   <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>

但是，什么也没发生。我只是输出没有任何样式的字符串，所以我猜该链接不起作用。 我的网站运行在Angular上，这会引起问题吗？如果是这样，为什么另一个链接有效，而这个链接无效？

Answer 1

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