【问题标题】:How to hide bootstrap modal in wide screen如何在宽屏中隐藏引导模式
【发布时间】:2016-08-11 17:14:56
【问题描述】:

我将在移动设备中创建打开的引导模式,但我不会通过单击任何按钮将其关闭,除非我将分辨率调整为大于移动版本我想要关闭它

我没有任何代码,也不知道怎么可能?

【问题讨论】:

  • 在引导程序中使用 hidden-* 或 visible-* 类。

标签: javascript html twitter-bootstrap modal-dialog


【解决方案1】:

你试试代码:

if(screen.width < YourWidth){
   $('#modal').modal('hide');
 }

【讨论】:

    【解决方案2】:

    选项 1: 为模态提供以下类:hidden-md hidden-lg。

    选项 2: 使用 jQuery:

    $(window).resize(function() {
      if($(window).width < 968 /* or any other width */){
        $('#mymodal').modal('hide');
      }
    });
    

    【讨论】:

    • 通过给 hidden-md hidden-lg 将不适用于背景,您可以尝试选项二更好
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-31
    • 2018-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-20
    相关资源
    最近更新 更多