Responsive Classes ?!

Question

Hi,

I would like to show an icon only on small device. I tried to read documentation but it's not working. Could you confirm to me that use is good, or can you help me to find a simple way to show element only on specific size ?

<i class="i-light i-small i-alt" data-class-xl="" data-class-lg="" data-class-md="icon-eye1 i-circled" data-class-sm="icon-eye1 i-circled" data-class-xs="icon-eye1 i-circled"></i>

Is it possible to use "data-class-xxl" and "data-class-xxs" because I don't find element on the source code about this.

Thanks

SemiColonWeb · Accepted Answer

Hello,

It is more recommended to use the Bootstrap Display Utility instead: https://getbootstrap.com/docs/4.3/utilities/display/ . Consider using the following code:

<i class="i-light i-small i-alt icon-eye1 i-circled d-lg-none d-md-block"></i>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

nicolas33770 · Answer

Thanks for your reply and doc link ! :)