Frage von Flitzi2016, 32

Hilfe Bootstrap - Tabellen nebeneinander responsive?

https://jsfiddle.net/7dva5ybj/

Hilfe ich komme nicht weiter, ich möchte die x tabellen immer nebeneinander haben und nur den tbody scrollen können. es verschiebt sich immer

Antwort
von triopasi, 18

Dann definiere das doch selbst via CSS so?! overflow: scroll

Kommentar von xandru ,

Es geht hier ja extra darum, dass es mit Bootstrap selbst gemacht wird und nicht mit css ;)

Kommentar von triopasi ,

Bootstrap ist auch nur CSS xD Gibt viele Fälle wo man, wenn man etwas besonderes will, Bootstrap etwas erweitern muss oder gar Bootstrap Sachen überschreiben muss ;)

Antwort
von xandru, 6

Normalerweise nimmst du einen div mit der Klasse .container.
Dort ein Div mit der Klasse .row in der wiederum ein div mit den einzelnen Spalten ist. Und dort musst du mit col-xs, col-sm, col-md und col-lg jeweils herausfinden was sich für deine Daten am bedten eignet. Hier ein Beispiel für eine einspaltige row auf mobile aber sonst nebeneinander:

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6">
        </div>
        <div class="col-xs-12 col-sm-6">
        </div>
    </div>
</div>

Schau dir hierzu aber lieber immer die Doku an, und probier herum. Es nutzt nichts sich davorzusetzen wenn man das System dahinter nicht begriffen hat und die einzelnen Klassen kennt:
Getbootstrap.com

Keine passende Antwort gefunden?

Fragen Sie die Community

Weitere Fragen mit Antworten