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

Answer 1

[xandru]

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

Answer 2

[triopasi]

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

Comments

[xandru]

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

[triopasi]

@xandru

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 ;)