Angular UI选项卡，在移动设备中证明为假

Question

我使用Angular UI Tabs组件， attr justified =＆＃34; true＆＃34;。 这在桌面设备上可以正常工作，但是当平板电脑和手机的分辨率发生变化时，我想将对齐设置为false。

我不想使用 @ media-queries 来强制使用＆＃34;强制＆＃34;默认 .nav-justified 类，只是为了正确呈现。

  <tabset justified="true">
    <tab ng-repeat="tab in vm.tabs" heading="{{tab.title}}" active="tab.active" disabled="tab.disabled">
      {{tab.content}}
    </tab>
  </tabset>

有什么想法吗？

谢谢！

Answer 1

将此添加到您的CSS应该这样做：

.nav-tabs.nav-justified>li {
display: table-cell !important;
width: 1% !important;
}

这更像是一个css hack而不是角度相关但很好......