IE 10 does not respond to hidden bootstrap

Question

IE 10 does not respond to hidden bootstrap

Navigation

#1 by (0 votes)

0

I have a site made with bootstrap and it works OK on all devices and browsers except in IE 9 and 10 where the hidden and visibility classes do not work, such as hidden-xs. Do you know if there is any way to correct this? I searched and found nothing in particular. I leave an example where just img of the logo should be seen only on mobile and that does not happen. Thank you!

html bootstrap internet-explorer internet-explorer-9

asked by Mauricio Tovar 20.04.2017 в 19:27

source

1 answer

Dynamic jquery button on a table? How to convert a System.Object [] into an array

score 0 · Answer 1

I was able to solve that IE10 works with my classes hidden-xs and visible-xs with those that had already built the site and that worked perfectly in the rest of the browsers. Just add the visibility property in my css within the classes in question. Example:

<!--Queries laptop-->
    .visible-xs {
        display: none !important;
        visibility: hidden !important;
    }

    .hidden-xs {
        display: block !important;
        visibility: visible !important;
    }

<!--Queries mobile-->
    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }

    .visible-xs {
        display: block !important;
        visibility: visible !important;
    }

I hope to help, thank you all!