Bootstrap icons disappear in small devices

Asked Sep 20 '22 at 19:54

Active Sep 20 '22 at 21:45

Viewed 115 times

I have the next structure, there are 3 href where i included 3 bootstrap icons, the problem is that in extra small devices the 3 icons disappear.

<div class="container-fluid bg-dark text-light ">
<div class="row">
    <div class="col-12 col-md-3 text-center">
         <h4>CONTACTANOS</h4>
    </div>
    <div class="col-12 col-md-3 text-center">
        <a class="link-light" href="#" style="text-decoration:none ; margin: .5rem;">449 388 
         09 98<i style="margin: .5rem;" class=" fs-5 bi bi-telephone"></i></a>
    </div>
    <div class="col-12 col-md-3 text-center">
        <a class="link-light" href="#" style="text-decoration:none ; margin: .5rem;">Onfiber<i
                    style="margin: .5rem;" class=" fs-5 bi bi-facebook"></i></a>
    </div>
    <div class="col-12 col-md-3 text-center">
        <a class="link-light " href="#" style="text-decoration:none ; margin: .5rem;">449 327 51 35<i style="margin: .5rem;" class="fs-5 bi bi-whatsapp"></i></a>
    </div>
</div>

edited Sep 20 '22 at 21:45

ThS

4,597
2
15
27

asked Sep 20 '22 at 19:54

Alan Jair Almaguer

try with the svg, rather than the icon font. with the svg, I got it to work in 2 code environments. see https://icons.getbootstrap.com/icons/telephone-fill/, bottom right, copy and paste the svg section. Does it work? – C-Note187 Sep 20 '22 at 20:25
Thank you, it´s perfectly working : ) – Alan Jair Almaguer Sep 21 '22 at 18:24
glad to hear it. – C-Note187 Sep 21 '22 at 21:24

Bootstrap icons disappear in small devices

0 Answers0