【发布时间】：2018-06-26 03:21:49
【问题描述】：
我正在从头开始使用“单页模板”（只是为了好玩和学习）。 我开始检查来自Boostrap 的示例。后来，我注意到我的 div 没有按照我的意愿填充宽度/高度，所以我决定尝试使用简单的 CCS 解决这个问题，但失败了，然后，在另一个示例中，我使用了 FullPage.js 中的一些代码。
我真的很喜欢这个引导示例，我唯一的目的是填充屏幕上的每个 div，但将导航保持在顶部。
我有两个关于 jsfiddle 的工作示例，让您知道我在做什么。
1: fullpaje.js: 在这种情况下，导航栏在全屏时不能正常工作，但在不是全屏时它会正常工作，是的，很奇怪.. 我的意思是，全屏时不会显示在你检查的 div 中，另一方面，当不是全屏时它可以工作。 （也许在jsfiddle中可以工作，因为不是fs，试着把代码保存在一个HTML文件中看看我在说什么）
$(document).ready(function() {
$('#fullpage').fullpage({
/* no options */
});
});
2: just with css: 在这个，导航栏在第二个 div 中丢失了，我不知道它是否正常工作。它只是在向下滚动时消失。
html, body {height: 100%;}
#section1 { width: 100%; height: 100%;}
#section2 { width: 100%; height: 100%;}
#section3 { width: 100%; height: 100%;}
#section4 { width: 100%; height: 100%;}
您对此有什么建议吗？ 谢谢
【问题讨论】：
-
@MiXT4PE 以最亲切和周到的方式，我邀请您说，如果您不打算提供帮助，请不要发表评论。我的问题表述得很好，如果没有的话，有一个“编辑按钮”，您可以在其中更改您不喜欢的内容。谢谢。
-
遵循 StackOverflow 关于如何发布的建议总是一个好主意。它们不仅仅是指南，它们将帮助您获得更好的响应。至于您的问题，第一个示例适用于 jsfiddle，第二个示例根本没有导航栏（无论如何都没有在 HTML 中）。
-
另外，Bootstrap 在您的问题中是必需的吗？你没有在任何一个小提琴中调用它......
-
@VictoriaRuiz 我从示例中粘贴了一个不正确的链接。对不起，我的错。
-
我没有粘贴所有代码，因为每个代码都有主题。一个是fullpage.js的jquery函数，另一个例子只有css。这两个示例都是相同的引导模板。
标签： javascript html css bootstrap-4 fullpage.js