与引导3.X的资产净值标签

Question

响应问题我有一个引导组件导航的选项卡，它正常工作时，页面宽度大于所需行（引导.row DIV）更大。 问题是，当我更改移动设备的视图时，响应式设计的行为不像应该的那样，并且选项卡未对齐。 请参阅下面链接中的代码，页面宽度减少的程度，公司，支持和设计选项卡的行为奇怪。

http://www.bootply.com/Ym1iDjaBjz#

Answer 1

这是正常的，因为没有对所有标签足够的空间。

你可以在.nav-tabs li a减少填充，以创造空间或添加如下因素的规则，使他们在100％的宽度显示。

.nav-tabs > li, .nav-tabs li a { display: inline-block; width: 100%; } 
.nav-tabs li a { border: 1px solid #ddd; } 

祝您好运！

Answer 2

我已经使用在类似情况下的自举tabcollapase库：https://github.com/flatlogic/bootstrap-tabcollapse

这是一个第三方的自举插件，转换接头插入在小媒体查询宽度手风琴面板。