开发者社区> 问答> 正文

如果导航条占据了两行,有什么解决办法?

如果导航条占据了两行,有什么解决办法?

展开
收起
游客xaiaywggqg622 2022-03-28 19:32:06 475 0
1 条回答
写回答
取消 提交回答
  • 由于 Bootstrap 并不知道你在导航条内放置的元素需要占据多宽的空间,你可能会遇到导航条中的内容折行的情况(也就是导航条占据两行)。解决办法如下:

    减少导航条内所有元素所占据的宽度。

    在某些尺寸的屏幕上利用 响应式工具类来隐藏导航条内的一些元素。

    修改导航条在水平排列和折叠排列互相转化时,触发这个转化的最小屏幕宽度值。可以通过修改 @grid-float-breakpoint 变量实现,或者自己重写相关的媒体查询代码,覆盖 Bootstrap 的默认值。

    2022-03-28 20:45:40
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载