Html 引导滑块脱离画布在移动chrome浏览器中无法正常工作

Html 引导滑块脱离画布在移动chrome浏览器中无法正常工作,html,twitter-bootstrap,slider,Html,Twitter Bootstrap,Slider,我正在使用bootstrapv3.2.0,创建一个主题。Bootstrap在系统浏览器中运行良好,但在测试模式下,我发现slider在实际设备上运行不正常。 我的菜单在左边,它有切换按钮以小屏幕显示左边的菜单,但在移动或选项卡上,它会出现并将身体向右推,但身体不会自行滑动,从而导致其大小变小并在屏幕中调整。它应该向右滑动。 我的HTML是 <div class="navbar navbar-default" role="navigation" id="MainHeader">

我正在使用bootstrapv3.2.0,创建一个主题。Bootstrap在系统浏览器中运行良好,但在测试模式下,我发现slider在实际设备上运行不正常。 我的菜单在左边,它有切换按钮以小屏幕显示左边的菜单,但在移动或选项卡上,它会出现并将身体向右推,但身体不会自行滑动,从而导致其大小变小并在屏幕中调整。它应该向右滑动。 我的HTML是

<div class="navbar navbar-default" role="navigation" id="MainHeader">


    <div class="navbar-header">
    <div class="clear"></div>
    <div class="logo left">
        ABC Company
    </div>

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-    target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>

</div>

    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav header-float">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </div><!-- /.nav-collapse -->


    </div>
    <!-- /Header -->

    <div class="" style="">

        <div class="row row-offcanvas row-offcanvas-left">
            <div class="col-xs-6 col-sm-3 col-md-3 sidebar-offcanvas" id="MainMenu" role="navigation" style="margin-right: -15px;">

                <div class="" id="Leftmenu">
    <ul id="Leftmenu">
 <li class="active">home</li>
    <li>Link</li>
    <li>Link</li>

</ul>
</div>
            </div>

                <div id="MainGrid" class="col-xs-12 col-sm-9 col-md-9 ">
                    <div class="row">
                        <p class="pull-left visible-xs">
                            <button type="button" class="panel-button btn-    xs" data-toggle="offcanvas">
                                    Togglenav
                                </button>
                           </p>
                        </div>

                        <div class="row" id="MainContents">
                            Body...
                    </div>
                </div>
            </div>
            </div><!--/row-->

ABC公司
    主页
  • 链接
  • 链接

托格伦纳夫

身体

css和js文件未附加,上面提到了引导版本。

尝试将引导升级到最新版本。