Language Foo Bar Baz
Pig Latin Oofay Arbay Azbay
Bizarro Bar Foo Bang
Hodor Hodor Hodor Hodor
Color R G B
Black 0 0 0
New Black 255 165 0
Pantone 292 98 168 229
Name Weakness
Frankenstein Fire
Dracula Garlic
Wolfman Squirrels

<div class="row">
    <div class="col-xs-12 col-md-12 col-lg-6 col-xl-4">
        <table class="table">
            <thead>
                <tr>
                    <th class="left">Language</th>
                    <th>Foo</th>
                    <th>Bar</th>
                    <th>Baz</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="left">Pig Latin</td>
                    <td>Oofay</td>
                    <td>Arbay</td>
                    <td>Azbay</td>
                </tr>
                <tr>
                    <td class="left">Bizarro</td>
                    <td>Bar</td>
                    <td>Foo</td>
                    <td>Bang</td>
                </tr>
                <tr>
                    <td class="left">Hodor</td>
                    <td>Hodor</td>
                    <td>Hodor</td>
                    <td>Hodor</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-xs-12 col-md-12 col-lg-6 col-xl-4">
        <table class="table">
            <thead>
                <tr>
                    <th class="left">Color</th>
                    <th>R</th>
                    <th>G</th>
                    <th>B</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="left">Black</td>
                    <td>0</td>
                    <td>0</td>
                    <td>0</td>
                </tr>
                <tr>
                    <td class="left">New Black</td>
                    <td>255</td>
                    <td>165</td>
                    <td>0</td>
                </tr>
                <tr>
                    <td class="left">Pantone 292</td>
                    <td>98</td>
                    <td>168</td>
                    <td>229</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-xs-12 col-md-12 col-lg-6 col-xl-4">
        <table class="table">
            <thead>
                <tr>
                    <th class="left">Name</th>
                    <th class="left">Weakness</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="left">Frankenstein</td>
                    <td class="left">Fire</td>
                </tr>
                <tr>
                    <td class="left">Dracula</td>
                    <td class="left">Garlic</td>
                </tr>
                <tr>
                    <td class="left">Wolfman</td>
                    <td class="left">Squirrels</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>