tab

bootstrap Tab控件添加tab标签过多时会换行,怎么解决?

tab
已邀请:

rew1011

赞同来自:

官网提供的tabs demo也是换行的情况,这组件的初衷只是少量同一行内的tabs进行内容切换和监听。

yamateH

赞同来自:

bootstrap-tabdrop.js给你一个东西研究研究,有进展告诉我

JoeChan

赞同来自:

去开源中国,或者搜索 BOOTSTRAP 增加、关闭、折叠TAB

我重新写了,你去看看

聂安磊

赞同来自:

照着我的代码复制上去就行了。把bootstrap.css的样式替换成我这样的就行了。
.nav>li {
position: relative;
display: inline;
}

.nav>li>a {
position: relative;
display: inline-block;
padding: 10px 15px
}

.nav-tabs {
border-bottom: 1px solid #C9C9C9;
list-style:none;
overflow: auto;
line-height: 3.428571429;
white-space: nowrap;

width: 100%;
}

.nav-tabs>li {
margin-bottom: -1px;
margin-top: 10px;

}

要回复问题请先登录注册