2013-02-01 60 views
0

我使用基金会zurb 3,并有一个top navigation 如果浏览器是全屏导航看起来不错,但是当我压缩它,我只是黑条。也许有些人有这样的问题?基金会Zurb导航

+0

how d你的源代码看起来像什么? – Taifun

+0

http://pastie.org/6036714,你可以看看这里[链接](http://5.175.191.226) – Cawa

+0

您可以将代码中的相关部分粘贴在这里或准备http://jsfiddle.net? – Taifun

回答

0

这是一个小而自从我与基金会的修修补补,而是试图在CSS文件来改变屏幕宽度设置时,我遇到了类似的问题 - 我相信有多种设置,这必须是顶级的酒吧一样正常工作。

得到这个工作的权利,你必须:

  • 从他们的网站下载的基础库的全新副本,设定使用他们的定制工具屏幕宽度(不此后改变它),或

  • 使用SASS版本,并更改​​SCSS文件屏幕宽度可变(我还没有真正做到了这一点所以不能透露更多细节)。

编辑: 刚才看了您的代码段 - 你可能需要包括一个断点,使用toggle-topbar列表项类,例如

<li class="toggle-topbar"><a href="#"></a></li> 
0

很难告诉这是怎么回事,没有看到你的样品(链接无法使用),但最好的地方开始往往是复制别人的工作代码到您的文件,看看它的表现正常。以此作为基准,您可以将其与代码进行比较,以查看差异在哪里。

0

如果从50%变更肘顶栏的宽度为100%:

.top-bar ul > li.toggle-topbar { 
    cursor: pointer; 
    display: block; 
    height: 45px; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 50%; 
} 

width: 100%; 

本网站演示了这种方法:

http://catch-ps.com/