Cacher is the code snippet organizer for pro developers

<div class="row">

</div>

<div class="">

</div>

<div class="col-md-4">

</div>

<div class="col-lg-12">

</div>

<div class="container">

</div>

<div class="container-fluid">

</div>

<div class="panel panel-default">
<table class="table-bordered table-hover table-condensed table-responsive table-striped">
    <thead>
        <tr>
            <th>ItemType</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>  
</div>

<div class="btn-group" role="group">
    <span class="btn btn-default btn-base"><a href="{{ path('itemtype_detail', {'id':itemtype.id} )}}"><i class="fa fa-search-plus"></i> Toon item</a></span>
    <span class="btn btn-default btn-base" onclick="return confirm('Are you sure you want to delete this itemtype?');"><i class="fa fa-remove"></i><a href="{{ path('itemtype_delete', {'id':itemtype.id} )}}"> Verwijderen </a></span>
</div>

<div class="row">
    <div class="col-md-4 col-md-offset-4">
        <div class="panel panel-default">
            <table class="table">
                <tr>
                    <td>Naam</td>
                    <td>{{ form_widget(form.name) }}</td>
                </tr>
                <tr>
                    <td>Omschrijving</td>
                    <td>{{ form_widget(form.note) }}</td>
                </tr>
                <tr>
                    <td>Actief</td>
                    <td>{{ form_widget(form.active)}}</td>
                </tr>

            </table>            
        </div>
    </div>
</div>
/*center cols:*/
    <div class="col-md-4 col-md-offset-4 " >    

    <div class="col-lg-6 col-lg-offset-3 " >    
/*end center cols*/
/*media query between 200px and 800px width, hide text after icons so only the icons will be visible*/
@media (min-width: 200px) and (max-width: 800px) {
    .adaptiveText{
        display: none;
    }
}