Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在移动视图而不是桌面视图中制作响应滑块_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Jquery 在移动视图而不是桌面视图中制作响应滑块

Jquery 在移动视图而不是桌面视图中制作响应滑块,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,.盒子{ //边框:薄黑色实心; 显示:块; 文本对齐:居中; } .box ol{ 保证金:自动; } 李先生{ 列表样式类型:无; 显示:内联; 保证金:自动; } 欧利img{ 边界半径:50%; } 您可以使用猫头鹰转盘。猫头鹰转盘对移动和桌面都有响应。您可以使用猫头鹰转盘。Owl carousel对移动和桌面都有响应。您可以编写两次代码 <div class="desktop-view">your code goes here</div&


.盒子{
//边框:薄黑色实心;
显示:块;
文本对齐:居中;
}
.box ol{
保证金:自动;
}
李先生{
列表样式类型:无;
显示:内联;
保证金:自动;
}
欧利img{
边界半径:50%;
}


  • 您可以使用猫头鹰转盘。猫头鹰转盘对移动和桌面都有响应。

    您可以使用猫头鹰转盘。Owl carousel对移动和桌面都有响应。

    您可以编写两次代码

    <div class="desktop-view">your code goes here</div>
    <div class="mobile-view">your code goes here</div>
    <style> /*hide mobile view for desktop view*/  
        .mobile-view {display:none}
          @media all and (max-width :767) {
          .desktop-view {
            display:none;
          }
         .mobile-view{ 
          display:block;
          }
         }
    
     </style>
    
    您的代码在这里
    你的密码在这里
    /*隐藏桌面视图的移动视图*/
    .mobile视图{显示:无}
    @介质和全部(最大宽度:767){
    .桌面视图{
    显示:无;
    }
    .mobile view{
    显示:块;
    }
    }
    
    您可以编写两次代码

    <div class="desktop-view">your code goes here</div>
    <div class="mobile-view">your code goes here</div>
    <style> /*hide mobile view for desktop view*/  
        .mobile-view {display:none}
          @media all and (max-width :767) {
          .desktop-view {
            display:none;
          }
         .mobile-view{ 
          display:block;
          }
         }
    
     </style>
    
    您的代码在这里
    你的密码在这里
    /*隐藏桌面视图的移动视图*/
    .mobile视图{显示:无}
    @介质和全部(最大宽度:767){
    .桌面视图{
    显示:无;
    }
    .mobile view{
    显示:块;
    }
    }
    
    您忘记了javascript代码您正在使用哪个滑块插件?我可以不使用插件吗?我正在使用引导旋转木马,你必须为幻灯片编写脚本。你能用的更好plugin@madalinivascu... 我不知道如何在mobile view中制作slider。你忘了javascript代码,你正在使用哪个slider插件?没有插件我能做吗?我正在使用引导旋转木马,你必须为幻灯片编写脚本。你能用的更好plugin@madalinivascu... 我不知道如何在移动视图中制作滑块。但在我们的例子中,它没有响应能力。我不知道为什么会这样。我们在移动视图中放置了一个滑块,而不是在桌面视图中。您可以编写两次代码。你的代码在这里你的代码在这里/*隐藏桌面视图的移动视图*/.mobile视图{display:none}但是在我们的例子中,它没有响应。我不知道为什么会这样。我们在移动视图中放置了一个滑块,而不是在桌面视图中。您可以编写两次代码。你的代码在这里你的代码在这里/*隐藏桌面视图的移动视图*/.移动视图{显示:无}我想在移动视图中制作一个滑块。为此,我应该编写什么代码?你能提供具体的例子吗?我想在移动视图中制作一个滑块。为此,我应该编写什么代码?你能提供一个具体的例子吗?