2013-02-13 3 views

Répondre

1

On dirait que vous utilisez Bootstrap, qui dispose d'outils pour responsive design. La chose principale est que vous voulez vous assurer d'utiliser .row classes et spanx classes de colonnes. Voir How to use Twitter Bootstrap to Create a Responsive Website Design pour plus de détails.

La grille par défaut est de 12 colonnes. Donc, vos travées d'affilée devraient être égales à douze. Votre HTML devrait ressembler à ceci:

<div class="container"> 
    <div class="row"> 
      <div class="span8 image"> 
      </div> 
      <div class="span4 containerForm"> 
      ...insert form here... 
      </div> 
    </div> 
</div> 

Une fois que vous avez le balisage correctement réglé, allez à la CSS et commencer à ajouter les requêtes @media que @watson mentionne dans sa réponse. Attention, cependant. Bootsrap a beaucoup de jeu CSS par défaut. Vous devrez peut-être passer outre pour obtenir les résultats désirés.