正如标题所示,我目前正在使用Bootstrap.我正在开发一个响应式布局,在桌面大小,只是一个正常的圆柱浮动布局.然后在移动设备或平板电脑大小中,它会添加引导选项卡.我不太确定如何解决这个问题,因为bootstrap 3 col-xs浮动似乎不能与tabs插件一起使用.我已经制作了一个图表来帮助解释.
小提琴我一直在使用jsfiddle
在此先感谢您的帮助！
最佳答案
需要类似的东西
HTML：
CSS：
/* small device */
@media (max-width: 767px) {
.device-big {
display: none;
}
.device-small {
display: block;
}
}
/* big device */
@media only screen and (min-width : 768px) {
.device-big,.tab-content > .tab-pane {
display: block;
}
.device-small {
display: none;
}
.tab-content > .tab-pane {
display: block;
}
}
原文链接：https://www.f2er.com/css/427485.html
