usando las clases de bootstrap correspondientes puede lograr lo que buscas....
CSS:
@media (max-width:767px) {
.hidden-xs {
display:none !important
}
}
@media (min-width:768px)and (max-width:991px) {
.hidden-sm {
display:none !important
}
}
@media (min-width:992px)and (max-width:1199px) {
.hidden-md {
display:none !important
}
}
@media (min-width:1200px) {
.hidden-lg {
display:none !important
}
}
xs- mas chicos
sm- chicos
md- medianos
lg- grandes
Algo si el resultado de lo que buscas
HTML:
<a href="enlace" class="hidden-md hidden-lg" >ENLACE AQUÍ</a>
Solo lo mostrará para dispositivos de pantallas normales y mas chicas
HTML:
<a href="enlace" class="hidden-sm hidden-md hidden-lg" >ENLACE AQUÍ</a>
Solo lo mostrará para dispositivos de pantallas mas chicas.
Saludos espero que le ayude de algo.