Jquery 引导滑块向右移动_Jquery_Css_Twitter Bootstrap 3

Jquery 引导滑块向右移动

jquery css twitter-bootstrap-3

Jquery 引导滑块向右移动,jquery,css,twitter-bootstrap-3,Jquery,Css,Twitter Bootstrap 3,我正在使用Bootstrap3来创建我的站点。当我使用滑块时，当我在移动设备上打开此页面时，图像向右移动，位于视口外在firefox中，slider不起作用，有解决方案吗 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" conten

我正在使用Bootstrap3来创建我的站点。当我使用滑块时，当我在移动设备上打开此页面时，图像向右移动，位于视口外

在firefox中，slider不起作用，有解决方案吗

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>


    <link href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/flatly/bootstrap.min.css" rel="stylesheet">
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'rel="stylesheet">

    <link href="{{ url('assets/css/style.css') }}" rel="stylesheet">

    <title>Social</title>
</head>

HTML:

在css中，我没有做任何更改。

您设置的最小宽度比您正在查看的任何设备的视口都宽。这就是为什么它不会被看到。把这个加到你的头上：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

你的HTML和CSS是什么？如果你发布你的代码，或者你可以隔离问题并进行引导，就更容易帮助你解决问题。它可能在另一个有宽度的div中。如果旋转木马是全宽的，你应该把它放在所有网格类之外，.container或.container fluidnop之外，它不在另一个div之内，也许移动firefox不支持这个。请做一个提琴，因为是其他元素让你出了问题，而不是旋转木马

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">