个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我为 Foundation 中的一个页面写了以下内容。我重新定位了一些标准文件和文件夹，因此修改了文件路径。
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Title</title>
<link rel="stylesheet" href="../css/foundation.css">
<link rel="stylesheet" href="../css/app.css">
</head>
<body>
<!--
<div class="row">
<ul class="pagination" role="navigation">
<li class="menu-text">Understood</li>
<li class="disabled">First</li>
<li class="disabled">Previous</li>
<li class="disabled">Next</li>
<li class="disabled">Last</li>
</ul>
</div>
-->
<div class="row">
<div class="large-4 columns">
<!--
<ul class="menu vertical">
<li><button class="button">Home</button></li>
<li><button class="button">Map</button></li>
<li><button class="button">1. Prehistory</button></li>
<li><button class="button">2. Ancient</button></li>
<li><button class="button">3. Classical</button></li>
</ul>
-->
<p>First Bunch</p>
</div>
<div class="large-8 columns">
<p>Text</p>
</div>
</div>
<script src="../js/vendor/jquery.js"></script>
<script src="../js/vendor/what-input.js"></script>
<script src="../js/vendor/foundation.js"></script>
<script src="../js/app.js"></script>
</body>
</html>
我在评论中留下了一些评论，因为当我在评论中呈现代码时，除了应该呈现列的内容外，它都能正常工作。然而，我正在慢慢尝试学习如何制作菜单栏，包含列的行应该是第一次尝试——所以我想要第一个 <div class="large-4 columns">包含左侧的菜单栏，第二个div包含页面主体。然而，就像现在一样，这呈现为
First bunch
Text
而不是将它们放在左列和右列中。据我所知，我正确地遵循了这些说明:
https://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html
我也在我的台式电脑上这样做，所以我认为它不应该将屏幕尺寸视为大屏幕。我在 Linux 机器上使用最新版本的 Firefox 查看它，开发者控制台没有显示任何错误。
最佳答案
您的 css 文件似乎没有加载，试试这个 <link rel="stylesheet" href="css/foundation.css" />并删除 ../部分。
我希望它会起作用:-)
最好的问候，乔治
关于html - 基础框架 : My code stacks vertically when I think I followed the example to make them stack horizontally，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52021828/
26
4
0
我是一名优秀的程序员,十分优秀！