숨겨진 이미지가 작동하지 않습니다.

Question

모바일 및 태블릿에 대한 모달을 숨기려고합니다. 부트 스트랩에서

, 나는 숨겨진-MD-다운을 사용하고 있으며 일하고 있지만 더 이상 작동 밤은 내가 아무것도 변경하지 않은 : 어떤 도움을 주시면 감사하겠습니다

$(function(){ 
 
    $('##myModal').modal('show'); 
 
});

<div class="ie-only" style="overflow-y:hidden;"> 
 
     \t <div class="modal fade in hidden-md-down" id="myModal" aria-hidden="false"> 
 
      \t <div class="modal-dialog modal-md custom-height-modal"> 
 
       \t <div class="modal-content"> 
 
        \t   \t <div class="modal-header topGrad" 
 
         \t <button type="button" class="close" data-dismiss="modal">x</button> 
 
          <h2 class="modal-header" style=""filter: alpha(opacity=200);">Outdated Browser Detected</h2><p>Our website has detected that you are using an outdated browser. Using your current browser will prevent you from accesing featuers on your website. An upgrade is not required, but is strongly recommend to improve your browsing experince on our website.<br /><br /> 
 
          <b>Use the links below to download a new browser or upgrade your existing browser.</b></p> 
 
         </div><!---Modal-Header Div---> 
 
         <div class="modal-body"> 
 
         \t <div class="row"> 
 
           <div class="col-sm-offset-2 col-sm-2 overrides-col-md-offset-2 col-md-2 text-center"> 
 
            <div class="hidden-xs"><a target="_blank" href="https://www.google.com/chrome/browser/desktop/index.html"><img alt="Chrome" height="200px" src="/default/images/chrome.png" width="440px" /></a></div> 
 
         
 
            <h6><a class="text-black" target="_blank" href="https://www.google.com/chrome/browser/desktop/index.html">Chrome</a></h6> 
 
           </div> 
 
         
 
           <div class="col-sm-2 col-md-2 text-center"> 
 
            <div class="hidden-xs"><a target="_blank" href="https://www.mozilla.org/en-US/firefox/new/?f=86"><img alt="Firefox" src="/default/images/firefox.png" /></a></div> 
 
         
 
            <h6><a class="text-black" target="_blank" href="https://www.mozilla.org/en-US/firefox/new/?f=86">Firefox</a></h6> 
 
           </div> 
 
         
 
           <div class="col-sm-2 col-md-2 text-center"> 
 
            <div class="hidden-xs"><a target="_blank" href="https://www.microsoft.com/en-us/download/internet-explorer.aspx"><img alt="Internet Explorer" src="/default/images/internet_explorer.png" /></a></div> 
 
         
 
            <h6><a target="_blank" class="text-black" href="https://www.microsoft.com/en-us/download/internet-explorer.aspx">Internet Explorer</a></h6> 
 
           </div> 
 
         
 
           <div class="col-sm-2 col-md-2 text-center"> 
 
            <div class="hidden-xs"><a target="_blank" href="https://support.apple.com/downloads/safari"><img alt="Safari" src="/default/images/safari.png" /></a></div> 
 
         
 
            <h6><a class="text-black" target="_blank" href="https://support.apple.com/downloads/safari">Safari</a></h6> 
 
           </div> 
 
\t \t \t \t \t \t \t </div> 
 
         </div><!---Modal-Body Div---> 
 
         <div class="modal-footer botGrad" <!---style="background-image:('/mura-6.2.6407/Regal-en-us/images/extended_bottom_provider.gif');"---> style="background-color:##4f89cc; filter: alpha(opacity=80);"> 
 
         \t <p class="text-center"><a class="btn btn-default" data-dismiss="modal" style="filter: alpha(opacity=100);">Close</a></p> 
 
         </div><!---Modal-Footer Div---> 
 
        </div><!---Modal-Content Div---> 
 
       </div><!---Custom Height Div---> 
 
      </div><!---Modal Fade in Div---> 
 
     </div><!---Start of Modal Div---> \t \t \t \t 
 
\t \t <!--End of Modal container-->

을 .

Answer 1

는 Bootstrap 3의 클래스 hidden-md이 hidden-sm는, hidden-xs는 등이 ..

hidden-md-down 클래스는