Html 引导滑块脱离画布在移动chrome浏览器中无法正常工作
我正在使用bootstrapv3.2.0,创建一个主题。Bootstrap在系统浏览器中运行良好,但在测试模式下,我发现slider在实际设备上运行不正常。 我的菜单在左边,它有切换按钮以小屏幕显示左边的菜单,但在移动或选项卡上,它会出现并将身体向右推,但身体不会自行滑动,从而导致其大小变小并在屏幕中调整。它应该向右滑动。 我的HTML是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">
<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文件未附加,上面提到了引导版本。尝试将引导升级到最新版本。