Html iphone显示屏中的滑块
我正在尝试使用引导响应css来减少滑块的宽度,以便在iphone中显示滑块 但是我做不到 你能帮我吗 截图 在下面提供我的代码Html iphone显示屏中的滑块,html,jquery-ui,css,twitter-bootstrap,Html,Jquery Ui,Css,Twitter Bootstrap,我正在尝试使用引导响应css来减少滑块的宽度,以便在iphone中显示滑块 但是我做不到 你能帮我吗 截图 在下面提供我的代码 <div id="banner" class="clearfix" style="border-bottom: 2px solid #cacaca;"> <div class="bx-wrapper" style="width:100%; position:relative; margin-top: 0px; margin-bo
<div id="banner" class="clearfix" style="border-bottom: 2px solid #cacaca;">
<div class="bx-wrapper" style="width:100%; position:relative; margin-top: 0px; margin-bottom: 0px;">
<div class="bx-window" style="position:relative; overflow:hidden; width:100%">
<div class="container">
<div id="da-slider" class="da-slider" style="margin-top: 0px; margin-bottom: 0px; height: 300px; background-position: 247950% 0%;">
<div class="da-slide da-slide-toleft" style="width: 100%">
<h2><img src="http://www.defie.co/docs/examples/frontpage_rotate1A.jpg" alt="image01"></h2>
<div class="da-img"><img src="http://www.defie.co/docs/examples/frontpage_rotate1B.jpg" alt="image01"></div>
</div>
<div class="da-slide da-slide-toleft" style="width: 100%">
<h2><img src="http://www.defie.co/docs/examples/frontpage_rotate2A.jpg" alt="image01"></h2>
<div class="da-img"><img src="http://www.defie.co/docs/examples/frontpage_rotate2B.jpg" alt="image01"></div>
</div>
<div class="da-slide da-slide-fromright da-slide-current" style="width: 100%;">
<h2><img src="http://www.defie.co/docs/examples/frontpage_rotate3A.jpg" alt="image01"></h2>
<div class="da-img"><img src="http://www.defie.co/docs/examples/frontpage_rotate3B.jpg" alt="image01"></div>
</div>
<nav class="da-arrows" style="width: 100%">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
<nav class="da-dots"><span class=""></span><span class=""></span><span class="da-dots-current"></span></nav></div>
</div>
</div>
</div>
</div>
有几点可以帮助您开始。在JSFIDLE中,似乎没有容器div@line 120的结束标记 您还希望滑块可以缩放,但它不在流体行div中。我认为引导网格需要工作。仔细检查流体格栅的结构:
希望这能有所帮助。如果你很难做到这一点,从简化问题开始。获得一个基本的响应网格,然后尝试添加滑块。如果需要更多帮助,请发布更新。有太多的未知数让我无法直接进入这个话题。祝你好运