gpt4 book ai didi

html - 基础框架 : My code stacks vertically when I think I followed the example to make them stack horizontally

转载 作者:行者123 更新时间:2023-11-28 02:29:16 26 4
gpt4 key购买 nike

我为 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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com