Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by malii_constantin

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div id='inlineTest'>
 <table class='table'>
        <tbody>
        
            <tr>
                <th>Image name</th>
                <td>Julia Butterfly</td>
            </tr>
        </tbody>
    </table>
    <a href='http://commons.wikimedia.org/wiki/File:Dryas_iulia,_Mariposario_de_Icod_de_los_Vinos,_Tenerife,_Espa%C3%B1a,_2012-12-13,_DD_01.jpg'><img src='http://upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Dryas_iulia%2C_Mariposario_de_Icod_de_los_Vinos%2C_Tenerife%2C_Espa%C3%B1a%2C_2012-12-13%2C_DD_01.jpg/204px-Dryas_iulia%2C_Mariposario_de_Icod_de_los_Vinos%2C_Tenerife%2C_Espa%C3%B1a%2C_2012-12-13%2C_DD_01.jpg' alt='Julia Butterfly' /></a>
   
</div>

SCSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

#inlineTest {
    a, table.table {
        display: inline-block;
        vertical-align: top;
        background: white;
    }
    table.table {
        // Bootstrap sets table widths to 100%, so reset it to auto, or your own
        // custom width.
        width: auto;
        
        // The browser will render white space (spaces, tabs, newline characters)
        // between inline-block elements. To offset this, you can use a
        // negative margin on the second element (the table) the same width as
        // a space (this varies per font), or just remove the space in your HTML.
        margin-left: -.32em;
    }
}