Kollabieren Sidebar und Akkordeon mit kleinem Bildschirm

Ich versuche, die Auswirkungen dieser Vorlage Seite https://livedemo00.template-help.com/wt_58977/services.html#undefined1 Kollabieren Sidebar und Akkordeon mit kleinem Bildschirm

Aber ich weiß nicht, zu reproduzieren, wie der Inhalt genau wie Panel mit nav Tabs zu wechseln. Ich habe dieses Beispiel auf Stackoverflow http://www.bootply.com/88026 gefunden.

Wie ist es möglich, dies auf einem Akkordeon nur für kleine Bildschirme zu transformieren?

Vielen Dank.

Quelle

2017-01-02 jeremabn

Ich versuche tatsächlich, es selbst zu tun, hier https://jsfiddle.net/v3vjf5n4/1 /, aber ich weiß nicht, wie man das nav-stacked in Akkordeon für kleinen Bildschirm umwandelt – jeremabn

ahh jetzt verstehe ich, was Sie tun wollen .. Sie könnten beide von ihnen .. eine für den großen Bildschirm und eine für kleine Bildschirme und verstecken einen von ihnen mit Javascript –

nur meine Antwort bearbeitet, werfen Sie einen Blick auf es :) –

Sie können dies einfach mit JavaScript tun.

function clickedLink(linkID){ 
    // ------------------------------------------------------ hide all 
    document.getElementById('home').style.display = 'none'; 
    document.getElementById('link1').style.display = 'none'; 
    document.getElementById('link2').style.display = 'none'; 
    document.getElementById('link3').style.display = 'none'; 
    // ------------------------------------------------------ show active 
    document.getElementById(linkID).style.display = ''; 
}

Hier ist eine Arbeitslösung: http://www.bootply.com/4EsSTTHzGs

// EDIT: Jetzt undersatnd ich, was Sie tun wollen :) Sie beide bauen konnte und versteckt-xx (xx verwenden: xs, sm, md, lg)

Werfen Sie einen Blick auf diese: http://www.bootply.com/HIFkqIQgI3

, wenn Sie zweimal den gleichen Inhalt zu schreiben, nicht wollen, könnten Sie die Inhalte mit pHP mit so etwas wieumfassen

Wenn dies für Sie arbeitet, markieren Sie diese Antwort als die richtige Antwort .. :)

Quelle

2017-01-02 15:02:17

HOOOO du bist meine Männer !! Vielen Dank! – jeremabn

Kollabieren Sidebar und Akkordeon mit kleinem Bildschirm

Antwort

Verwandte Themen