Disparition d'une colonne d'une table avec hidden

Bonjour,
J'ai crée un tableau sur html5 bootstrap. J'ai utilisé "hidden-xs" et "hidden-sm" pour disparaitre certaines colonnes concernant sm et xs ,mais ça marche pas. S'il vous plait pouvez-vous m'aider pour résoudre mon problème? Merci d'avance.
<table class="table table-striped table-hover" >
<thead>
<tr>
<div class="container">
<div class="row">
<div class="col-xs-4 col-md-4" align="center"><td width="20%" > Col1 </td></div>
<div class="col-xs-4 col-md-3"><td width="20%"> Col2 </td></div>
<div class="hidden-xs hidden-sm col-md-2"><td width="20%" > Col3 </td></div>
<div class="col-xs-4 col-md-1" ><td width="20%"> Col4 </td></div>
<div class="hidden-xs hidden-sm col-md-2"><td width="20%"> Col5 </td></div>

            </div> 
        </div> 
    </tr>
</thead>

</table>