CODEWITHSUNDEEP
twitter-bootstrapnavbarglyphicons
Saad
Saad

Reputation: 15

Bootstrap: How to make glyphicons appear only in navbar collapse?

Like I mentioned in the title of the question, I want the glyphicons for my list items in the navbar to appear only in mobile devices i.e. when navbar is collapsed. I don't want them to be visible in the md, lg.. devices with those list items. Is there any way I can achieve this?

Upvotes: 0

Views: 536

Answers (1)

Tieson T.
Tieson T.

Reputation: 21231

Bootstrap 3.x has helper classes for this task. So, wrap your Glyphicon elements in a span with the relevant classes, and they will only be visible in the extra-small media range:

<span class="hidden-sm hidden-md hidden-lg">
    <i class="glyphicon glyphicon-user"></i>
</span>

Upvotes: 1

Related Questions