HTML/CSS:基础样式表不会链接
HTML/CSS:基础样式表不会链接
提问于 2017-07-13 03:05:52
我试图让基础框架链接到我的HTML页面，但是当我尝试使用网格系统时，它什么也不做。我已经看了几个不同的教程，以确保我是正确的链接，但我仍然不知道为什么它不能工作。这是我的编辑器的图片，并排显示。我的index.html、css文件夹和js文件夹都包含在同一个目录中。编辑器和显示
还附加了我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="x-ua-compatible" content="ie=edge"/>
<meta name="viewport" content="device=device-width, initial-scale=1.0"/>
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.min.css"/>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<div class="row">
<div class="large-4 columns" style="background-color: lightblue"><p>Why u wont work.</p></div>
<div class="large-8 collumn" style="background-color: lightsalmon">Not displaying a grid system.</div>
</div>
<!-- include before </body> tag -->
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-13 21:08:45
首先，您有一个错误，它说collumn，应该是column (或columns)。
第二，请确保您正在使用正确的网格，Foundation6.4有3个可用网格: XY (默认)、Float和Flex。
示例中的代码属于“传统”浮动网格，而这个新版本(自6月27日起)中的默认网格是XY Grid。所以你有两个选择：
- 根据新的XY网格更改标记(查看http://foundation.zurb.com/sites/docs/xy-grid.html )
- 更改框架以使用浮动网格，现在这取决于首先如何下载该框架；如果使用预编译包，则应该转到http://foundation.zurb.com/sites/download.html/#customizeFoundation进行自定义(基本上只是选择浮动网格并下载一个新包)；如果使用SASS版本，请转到
app.scssremove注释到显示@include foundation-grid;的行，然后用@include foundation-xy-grid-classes;注释，然后重新构建框架。
希望这能有所帮助。
Stack Overflow用户
发布于 2017-07-13 03:14:26
你在你的第二栏里有一个错误。“大-8列”应改为“大-8列”(少一列“l”和“一个”)。
而不是
<div class="large-8 collumn" style="background-color: lightsalmon">Not displaying a grid system.</div>拥有：
<div class="large-8 columns" style="background-color: lightsalmon">Not displaying a grid system.</div>作为参考，这里是一个工作的钢笔。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45070758
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号