为了加快移动设备友好的页面开发工作，利用媒体查询功能，并使用这些工具类可以方便的针对不同设备展示或隐藏页面内容。
    image.png
    与之相反的，是visible-xs visible-sm visible-md visible-lg 是显示某个页面内容

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.   <title>Document</title>
    9.   <link rel="stylesheet" href="bootStrap/css/bootstrap.min.css">
    10. </head>
    12. <body>
    13.   <div class="container">
    14.     <div class="row">
    15.       <div class="col-xs-3">1</div>
    16.       <div class="col-xs-3">2</div>
    17.       <div class="col-xs-3 hidden-md">3</div>
    18.       <div class="col-xs-3">4</div>
    19.     </div>
    20.   </div>
    21. </body>
    23. </html>

    中屏幕下，隐藏3
    image.png