2013-01-07 2 views
0

je suis en train de réduire la largeur du curseur en utilisant la sangle de démarrage sensible css pour l'afficher dans l'iphone mais je ne suis pas en mesure de le faire pouvez-vous s'il vous plaît me aider avec elle http://jsfiddle.net/CXkQp/4/curseur dans l'affichage iphone

capture d'écran https://docs.google.com/file/d/0B3IBJKENGE7RQkk1eEI3TDNoN2c/edit

fournir mon code ci-dessous

<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> 

Répondre

0

Un couple de points pour vous aider à démarrer. Dans votre jsFiddle, il ne semble pas y avoir de balise de fermeture pour votre conteneur div @ line 120.

Vous souhaitez également que votre curseur soit mis à l'échelle, mais qu'il ne se trouve pas à l'intérieur d'une ligne div divisée. Je pense que votre grille d'amorçage a besoin de travail. Vérifiez soigneusement la structure pour la grille de fluide: http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

Espérons que cela aide.

+0

merci pour votre réponse pouvez-vous mettre à jour dans le fiidle http://jsfiddle.net/CXkQp/4/ –

+0

Si vous avez du mal à faire fonctionner ceci, commencez par simplifier le problème. Faites fonctionner une grille de base réactive, puis essayez d'ajouter le curseur à cela. Ensuite, postez une mise à jour si vous avez besoin de plus d'aide. Il y a trop d'inconnues pour que je puisse sauter dans cette situation telle qu'elle est. Bonne chance –