Hide field in HTML with Bootstrap

5

How can I make a text field in my HTML be hidden when the user is viewing the phone and appears when he or she is viewing from the PC?

    
asked by anonymous 15.12.2015 / 16:22

1 answer

12

Use the Bootstrap responsiveness classes

link

In your case, use the hidden-xs classes to hide something in mobile resolution and visible-xs to show only in mobile resolution.

<div class="hidden-xs">
    Elemento oculto para mobile
</div>
<div class="visible-xs">
    Elemento visível para mobile e oculto nas demais resoluções
</div>

Configuring Resolutions in Twiter Bootstrap

  • lg - Large Devices (desktops, && = 1200px )
  • md - Medium Devices (desktops, && = 992px &
15.12.2015 / 16:28