Question

所以我使用Foundation 6来制作项目原型，并且我注意到顶栏，顶栏左侧和顶栏右侧工作正如文档页面上所示，除非我想包裹左右两边的条，这样它们就不会碰到两侧。

左上杆和右上杆各自占据顶杆区域的整个宽度，然后最终堆叠在彼此的顶部。我希望它们看起来像下面的代码笔链接：

（它与基础6.0.5相关联，我使用6.4.1 - 无法找到该版本的链接）
https://codepen.io/mgrosen/pen/RgEVvY

来自app.css的相关代码

filenames <- list.files(path = 'DIRECTORY/',recursive=TRUE) 
csvfiles <- filenames[grep(".csv", filenames)] # grep to find pattern matches
finalnames <- sub("(.*)\\.csv","",csvfiles) # sub to replace the pattern

相关的index.html代码

.wrap {
width: 90%;
max-width: 1100px;
margin: 0 auto;
}
.nav-desktop {
  background-color: #222;
  height: 80px;
  padding: 0;
}

.site-logo {
  color: white;
  line-height: 80px;
}

.nav-desktop .menu-desktop {
  line-height: 80px;
  background-color: transparent;
}

.nav-desktop a {
  display: inline-block;
}

.menu-desktop > li > a {
  display: inline-block;
  line-height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  color: white;
}

.menu-desktop > li > a:hover {
  background-color: rgba(255,255,255, 0.1);
}

这是我正在使用的实际代码，但是当我打开index.html来查看它（或运行我的烧瓶应用程序并在本地主机上查看）this is what i see当我＆＃39 ; m一直滚动到屏幕顶部。

有人知道为什么会这样或者我怎么用dev工具调试它？

谢谢！

当我在顶栏左侧和顶栏右侧使用包裹类时，基础6顶栏左右堆叠

0 个答案: