Bootstrap - Responsive layout vs design Fluide
Je voudrais construire seule page web avec la même mise en page que: http://instatrip.it
En utilisant bootstrap.
Dans le bootstrap tutoriel page http://twitter.github.io/bootstrap/scaffolding.html#layouts
Il y a une démo de Réactif de mise en page et mise en page Fluide.
Qu'est-ce que les différences entre les deux approches?
Pour obtenir la même présentation que le instatrip, la mise en page dois-je utiliser?
Merci!
OriginalL'auteur user648026 | 2013-07-03
Vous devez vous connecter pour publier un commentaire.
Fluide de mise en page s'adapte à différentes taille de fenêtre de navigateur : toutes les valeurs utilisées sont calculés proportionnellement à la taille de la fenêtre, de sorte que lors d'un redimensionnement, toutes les colonnes sont redimensionnées, mais la disposition générale reste la même.
Responsive layout est en mesure de s'adapter à différentes tailles ainsi, mais lorsque le redimensionnement, le nombre de colonnes varie en fonction de l'espace disponible. Vous pourriez penser, par exemple, votre site web est en train d'être réduite à une seule colonne sur un smartphone.
Pour obtenir la même présentation que le instatrip, vous aurez besoin de combiner disposition fixe avec le fluide de mise en page au moins. Mais il y a beaucoup de façons de le faire, je pense que vous devriez essayer de comprendre ce qui est exactement le but de chaque type de mise en page et de trouver une solution spécifique à vos besoins. Voici un peu de lecture :
http://radiatingstar.com/make-a-layout-with-fluid-and-fixed-size-columns
http://coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
EDIT : Voici un exemple simple d'un fixe + design fluide. Trouvé ici. Je poste le code ci-dessous dans le cas où le lien est mort.
HTML :
CSS :
Javascript :
Ouais, bien sûr, vous pouvez trouver de nombreux exemples avec une rapide recherche sur google. J'ai publié dans l'édition.
OriginalL'auteur Danish Ashfaq
Fluide de la grille de Mise en page est construite avec de pourcentage, rien n'est pris que fixer la grille de la mise en page est fluide.
Responsive layout est la combinaison de design Fluide + Requêtes de Média où les médias css spécifiques sont définis pour certaines navigateur résolutions.
Donc, si vous allez utiliser de fluide de mise en page, peut-être u ainsi que l'utilisation de Réactifs de mise en page pour avoir un meilleur contrôle sur votre mise en page.
OriginalL'auteur LegendaryAks