Im Template 2 Inhalte nebeneinander

Hallo

ich möchte in einem tabMenuContent container eine tabelle und rechts daneben eine Attributsübersicht darstellen.

Die Standard-Woltlabtabelle habe ich mir schon so gut es geht zurechtgestutzt, nun ist auch Platz daneben. Aber wie bekomme ich die Attribute jetzt neben die Tabelle? Mit float:... braucht man ja dank bootstrap nicht zu arbeiten (?), aber obwohl ich versucht habe die beiden Inhalte mit so einem bootstrap-gedöns-css zu versehen, werden die Inhalte untereinander dargestellt.

Wie mache ich das richtig?

Quellcode:

<div id="equip" class="tabMenuContent container" data-menu-item="equip">
    <div class="col-xs-12 col-md-6">
        <table class="smalltable">
            [...]
        </table>
    </div>
    <div class="col-xs-12 col-md-6">
        <div class="summary-stats-simple-base">
            [...]
        </div>
    </div>
</div>

Bild:

Sag mal gibt es auch ein Thema wo du dich nicht so gut auskennst?

Dank, hab noch die "md" Werte angepasst (von 6:6 auf 8:4) und nun passt es genau! Danke!