html – yamm菜单中不同行中的徽标和菜单项

html – yamm菜单中不同行中的徽标和菜单项,第1张

概述我尝试使用bootstrapjs yaml菜单.如何在浏览器窗口调整大小时假装徽标和meny项目为两行?我希望右上角“汉堡包”更早出现,而我调整窗口缩小范围. <header> <nav class="navbar yamm navbar-fixed-top headerBg headerText" id="heading"> <style>@media (min-widt 我尝试使用bootstrapJs yaml菜单.如何在浏览器窗口调整大小时假装徽标和meny项目为两行?我希望右上角“汉堡包”更早出现,而我调整窗口缩小范围.

<header>    <nav  ID="heading">        <style>@media (min-wIDth: 767px) { .dropdown:hover .dropdown-menu { display: block; } }</style>        <div >            <div >                <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" >                    <span  ></span>                    <span  ></span>                    <span  ></span>                </button>                <a href="#" >                    <div ></div>                </a>            </div>            <div ID="navbar-collapse-1" >                <ul >                    <?PHP for($i = 1; $i < 12; $i++):?>                    <li >                        <a href="#" >Item <?PHP echo $i;?></a>                    </li>                    <?PHP endfor;?>                </ul>            </div>        </div>    </nav></header>

谢谢

解决方法 看来你需要一点CSS来管理它,它可能看起来像那样

@media only screen and (min-wIDth: MORE_EARLIER_PIXELS) {     .dropdown-menu,.navbar-collapse.in {         display: block;     }    .navbar-collapse{       display:none;     }}
总结

以上是内存溢出为你收集整理的html – yamm菜单中不同行中的徽标和菜单项全部内容,希望文章能够帮你解决html – yamm菜单中不同行中的徽标和菜单项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1061696.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存