这令人不安,因为我想要顶部栏的唯一原因是用于较小的屏幕。下拉菜单在大中型情况下都可以正常运行,但在较小的屏幕上消失了。我读过它必须在12宽度的列中,但这似乎无济于事。实际上,它引入了另一个(次要)问题,即条形图不再占满屏幕的宽度。下拉列表只有4个字符,怎么会太大呢?我在这里想念什么?
<div class="row">
<div class="fixed small-12 medium-12 large-12 column">
<nav class="top-bar" style="color: white;" data-options="is_hover:false" data-topbar="">
<ul class="title-area">
<li class="name"></li>
</ul>
<section class="top-bar-section">
<ul class="left">
<li class="has-dropdown">
<a href="#">Menu</a>
<ul class="dropdown">
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
</li>
</ul>
</section>
</nav>
</div>
</div>
大的:
小的:
它仍然需要一些调整,但我已修复它。我加了
style="display: none;"
到
<ul class="title-area">
看起来他们俩都试图占据同一个空间。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句