[英]Diminishing nav-bar items after navbar has overflow Bootstrap
I have problem with fixed navbar.我有固定导航栏的问题。 I want that my navbar can be scrolled.
我希望我的导航栏可以滚动。 Ok, I added to my .nav overflow-x: scroll and when I have some nav-items in my navbar, it looks like:
好的,我添加到我的 .nav overflow-x: scroll 并且当我的导航栏中有一些导航项目时,它看起来像:
When nav-items 'overflow' navbar, it looks that:当导航项“溢出”导航栏时,它看起来是:
html: html:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-bottom">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
Ostatnie notowania:
</li>
<li v-for="list in listsList" :class="{ active: checkActive(list.toUrl) }" class="nav-item">
<a @click.prevent="openList(category, list.toUrl)" href="#">{{ list.toView }}</a>
<click-confirm style="display: inline-block;" button-size="sm" :messages="{ title: 'Jesteś pewien?', yes: 'Tak', no: 'Nie' }">
<i @click.prevent="deleteList(category, list.toUrl)" class="fa fa-times" aria-hidden="true"></i>
</click-confirm>
</li>
</ul>
nav {
overflow-x: scroll;
}
I don't know how to fix this, I need help.我不知道如何解决这个问题,我需要帮助。
检查您的导航栏父级是否有任何固定宽度或容器宽度,然后将其设为 100% 宽度到其父级,其中您已声明任何可用的固定宽度。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.