row table

by Yoshiharu Kamata

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">
<div class="row thead">
    <div class="col-sm-2">222</div>
    <div class="col-sm-2">333</div>
    <div class="col-sm-8">aa</div>
</div>
<div class="row tbody">
    <div class="col-sm-2">222</div>
    <div class="col-sm-2">333</div>
    <div class="col-sm-8">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis tenetur fuga vitae quo repellat aperiam placeat mollitia perferendis molestiae corporis numquam iusto quam architecto a minus omnis illum in neque.</div>
</div>
<div class="row tbody">
    <div class="col-sm-2">222</div>
    <div class="col-sm-2">333</div>
    <div class="col-sm-8">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis tenetur fuga vitae quo repellat aperiam placeat mollitia perferendis molestiae corporis numquam iusto quam architecto a minus omnis illum in neque.</div>
</div>

CSS

.thead div {
    background-color: #777;
    color: white;
    border: 1px solid white;
}
.tbody {
    background-color: green;
    color: white;
    border-bottom: 1px solid white;
}