css - visible-xs-block not working -


I am creating a site with bootstrap, and I have to show some devices only in extra small devices, I use I've been Visual-X-Block class has come in my ING but do not work.

Why do some people not work now?

This is my code:

  & lt; Div class = "search-block-cover view-xs-block" & gt; & Lt; Div class = "search-block" & gt; & Lt; Input type = "text" class = "search-block-input form-control" placeholder = "search ..." /> & Lt; / Div & gt; & Lt; / Div & gt;  

However, this div is still visible in large width

And, if I hide-sm, hidden-md, and hidden- lg < / Code>, use visible-xs-block instead, everything works.

Why not work? all work. Check it out! Try Resize Window!

  & lt; Div class = "search-block-cover view-xs-block" & gt; & Lt; Div class = "search-block" & gt; & Lt; Input type = "text" class = "search-block-input form-control" placeholder = "search ..." /> & Lt; / Div & gt; & Lt; / Div & gt;  

If you do not use this solution, then hide the hidden SM--Md Hide-Use

xs - Extra Small Device Phone (& lt; 768px)


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -