✔ Bootstrap und Tabs

[Benutzer007]

Hallo,

ich verwende Bootstrap-Tabs und hätte gerne, dass die Tabs entweder in derselben Breite nebeneinander über die gesamte Breite oder in der ganzen Breite untereinander dargestellt werden aber nicht beides, wenn der Browser schmal eingestellt ist.

Also so:
Tab eins Tab zwei Tab drei Tab n
Inhalt ........................

Oder so:
Tab eins
Tab zwei
Tab drei
Tab n
Inhalt ........................

Aber nicht so:
Tab eins Tab zwei Tab drei
Tab n
Inhalt ........................

LG

<ul class="nav nav-tabs text-uppercase">
    <li class="active">
        <a href="#panel-001" data-toggle="tab"><strong>Tab eins</strong></a>
    </li>
    <li>
        <a href="#panel-002" data-toggle="tab"><strong>Tab zwei</strong></a>
    </li>
    <li>
        <a href="#panel-003" data-toggle="tab"><strong>Tab drei</strong></a>
    </li>   
    <li>
        <a href="#panel-004" data-toggle="tab"><strong>Tab n</strong></a>
    </li>                       
</ul>

 

[SpiceLab]

Schau mal hier: http://holdirbootstrap.de/css/#grid-example-basic

 

[Benutzer007]

Habe es gefunden: http://holdirbootstrap.de/komponenten/#nav-justified

 

[SpiceLab]

Habe es gefunden: http://holdirbootstrap.de/komponenten/#nav-justified

Nur zur Info, da scheinbar übersehen

Safari und responsive Gleichsatz-Navs
Safari (Stand v8.0) hat einen Fehler, bei dem das Verändern der Breite deines Browser-Fensters Anzeigefehler in der gleichmäßig verteilten Variante der Navs hervorruft. Diese Fehler verschwinden nach einem erneuten Laden der Seite. Dieser Fehler ist auch im Beispiel der gleichmäßig verteilten Variante sichtbar.