瀏覽器重新大小問題滑塊出容器

Question

當我重新調整瀏覽器窗口的大小滑塊走出主容器 我使用引導響應css 我看到滑塊容器中的額外餘量，如果我刪除它的好 但如果我仍然使窗口小滑出去 如何修復bug ......

http://jsfiddle.net/48y2Q/embedded/result/ http://jsfiddle.net/48y2Q/

提供以下

<div class="container"> 

           <div id="da-slider" class="da-slider" style="margin-top: 0px; margin-bottom: 0px; height: 300px; background-position: 2700% 0%;"> 
            <div class="da-slide da-slide-fromright da-slide-current" style="width: 1122px;"> 
            <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: 1122px;"> 
            <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-toleft" style="width: 1122px;"> 
            <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: 1122px;"> 
            <span class="da-arrows-prev"></span> 
            <span class="da-arrows-next"></span> 
            </nav> 
           <nav class="da-dots"><span class="da-dots-current"></span><span class=""></span><span class=""></span></nav></div> 
            </div> 

我的代碼

Answer 1

您在很多地方固定寬度，所以它不適合移動佈局。改變它：每個地方你有style="width: ****px"使它style="width: 100%"。

我已經試過了，看起來還不錯：http://jsfiddle.net/48y2Q/1/

Answer 2

使用默認引導程序的傳送帶http://twitter.github.com/bootstrap/javascript.html#carousel。