Fornatação de dados com Bootstrap

Ver a pergunta do SOPT: http://pt.stackoverflow.com/q/9391/223

by Salustiano Silva

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-md-12">

            <h5 class="app-header text-center">
                <strong>Núcleo Regional da Diretoria de Araguaína</strong>
                <br />
                (mock,  mock,  mock,  mock,  mock,  mock,  mock)
            </h5>

            <table class="app-table-info">
                <thead>
                    <tr>
                        <th colspan="3" class="text-center">
                            Plantão
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2">
                            Defensor Público:
                            <br/>
                            <strong>Fabricio Silva Brito</strong>
                            <br/>
                            Servidor:
                        </td>
                        <td>
                            Período
                        </td>
                        <td>
                            Telefone
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Início 07/03 as 18h00
                            <br/>
                            Término 07/03 as 18h00
                        </td>
                        <td>
                            (92) 3232-3232
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

CSS

.app-header{
    background: #178F8D;
    color: #fff;
    line-height:1.4em;
    padding:5px 0;
    margin-bottom:20px;
}

.app-table-info{
    background: #E6E7E9;
    color: #3A3A3A;
    width:100%;
}
.app-table-info th,
.app-table-info td{
    padding:10px;
    border-bottom:6px solid #fff;
}
.app-table-info th{
    background: #BEBFC1;
    color: #178F8D;
}
.app-table-info td{
    height:60px;
}
.app-table-info tr:first-child td:first-child{
    vertical-align:top;
    border-right:6px solid #fff;
}
.app-table-info td:last-child{
    border-left:6px solid #fff;
}