Do I understand correctly that in Bootstrap 2.3.2 (out of the box) there are no classes to hide or display layout elements depending on the size of the device and they need to be implemented by media queries themselves?

Or maybe there are ready-made additional solutions for this version?

    1 answer 1

    There is - Responsive utility classes

    https://cdnjs.com/libraries/twitter-bootstrap/2.3.2

    https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css

    Classes to hide - .hidden-phone .hidden-tablet .hidden-desktop

    Classes for Visibility .visible-phone .visible-tablet .visible-desktop

    Example

     <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"/> <div class="visible-desktop">desktop</div> <div class="visible-tablet">tablet</div> <div class="visible-phone">phone</div>

    • Just why that example does not work ... I see the text hidden-desktop hidden-tablet on the PC - Dmitry Gvozd
    • Works example - soledar10
    • Then why do I see blocks of text that should not be displayed? - Dmitry Nail
    • see the table here how these classes work - getbootstrap.com/2.3.2/scaffolding.html - soledar10
    • yes, I shouldn’t see only hidden-desktop by the table, but it’s displayed by me. - Dmitriy Gvozd