Bootstrap3

Hallo,

ich erstelle gerade eine Webseite mit Bootstrap3. Dort habe ich 2 Spalten für Eingabemöglichkeiten, nun möchte ich auf Mobilgeräten, dass diese beiden Spalten nicht einfach untereinander stehen wie es Bootstrap ja automatisch macht, sondern es soll sich zu einer Accordion Ansicht umwandeln.

Beispiel Desktop Version: http://www.bootply.com/H1M3iWTfft
Beispiel wie es in der Mobile Version sein soll: http://www.bootply.com/q7H0Cd44jk

Ich möchte natürlich, wenn möglich, dass sich die selben Elemente umwandeln, ohne den Content 2 mal drin zu haben und mit Klassen „hidden-xs“ und „visible-xs“ zun verwenden.

Dann wirst Du selber ein bisschen basteln müssen, die Bootstrap-Klassen ermöglichen sowas nicht, soweit ich weiß.
Wenn Du Less oder Sass benutzt, könntest Du dein Layout erben lassen und per Media Queries umschaltet.

Ansonsten kannst Du natürlich auch per JavaScript die Klassen wechseln oder bereits auf dem Server entscheiden, welches Layout Du darstellen möchtest.