JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="pull-right" id="tabela4">
            <br />
            <table class="table table-striped table-ordered table-bordered col-md-4">
            <thead>
            <tr>
            <td><strong>ID</strong></td>
            <td><strong>Tipo</strong></td>
            <td><strong>Descrição</strong></td>
            <td><strong>Usuário</strong></td>
            <td><strong>Data de Inclusão</strong></td>
            <td><strong>Status</strong></td>
            <td></td>
            </tr>
            </thead>

            <tbody>
                <tr>
                    <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2"><small>Lorem Ipsum</small></td>
                    <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2"><small>Lorem Ipsum</small></td>
                    <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2"><small>Lorem Ipsum</small></td>
                    <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><small>Lorem Ipsum</small></td>
                    <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><small>Lorem Ipsum</small></td>
                    <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><small>Lorem Ipsum</small></td>
                    <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2"><button type="button" class="btn btn-primary">Visualizar</button></td>
                </tr>
            </tbody>
            </table>
            </div>

CSS

table thead tr td {background-color:red !important;}