0

UI ブートストラップの既存のタブ ヘッダー セクションをモバイル ビューのドロップダウンに作成する方法。

HTML:

<div>
<div ng-controller="TabsDemoCtrl">
    <hr />
    <tabset justified="true">
        <tab ng-repeat="tab in tabs" heading="{{tab.title}}">
        <div class="tab-content">
        {{tab.content}}
        </div></tab>
    </tabset>
    <hr />

</div>

CSS:

.tab-content {
      text-align: center;
      background-color: #eef0f1;
      padding-top: 35px;
      font-weight: 700;
    }

JSフィドルリンク：

UI タブの見出し JS Fiddle

現在、UI タブ ビューはモバイル ビューで垂直線に変更されます (現在の UI タブをハックしてドロップ ダウンするにはどうすればよいですか (モバイル ビューのみ))。

4

1 に答える 1