Responsive design - utiliser Bootstrap ?

Fermé
jerryone3 Messages postés 55 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 19 juin 2014 - 5 nov. 2013 à 00:58
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 7 nov. 2013 à 00:52
Bonjour à vous, amis devs !

Je suis sur le point de me lancer sur un nouveau projet, qui doit être disponible pour le mobile. Voulant faire les choses bien, je me suis baladé partout sur le net pendant deux longues semaines à tout lire sur le responsive design. Je pense avoir bien compris la totalité du sujet, à présent.

Bon élève et pas prétentieux, je me suis dit que Bootstrap pourrait pourvoir à mon bonheur. Après tout, qu'est mon petit cerveau tout seul face à une équipe acharnée qui travaille dessus depuis deux ans ? Mais voila, après avoir pas mal appris sur Bootstrap(notamment grâce au tuto de bestmomo), je me demande bien si c'est vraiment le chemin que je dois prendre... Explications :

- Le design du site que je m'apprête à développer est très spécifique, je n'utiliserai donc quasiment jamais les designs fournis par Bootstrap.
- Lesdits designs par défaut pourraient éventuellement me déstabiliser en modifiant le comportement de balises que je suis habitué à utiliser.
- Les différents plugins jQuery sont bien utiles, mais rien ne m'empêche de les ajouter séparément.

Enfin, tout particulièrement, mon plus gros souci : je ne suis pas certain que Bootstrap affiche comme je le souhaite les informations. C'est la principale information que je recherche, et qui m'a échappé jusqu'à maintenant dans mes tribulations sur le net. D'après ce que j'ai vu dans son CSS, Bootstrap passe en mode d'affichage "mobile" lorsque la taille de la fenêtre est inférieure à 768px. Les blocs passent alors à un mode "les uns sur les autres", ce qui est très bien... Dans l'absolu.

J'ai pris mon Galaxy S2 en mode d'affichage paysage, sur le coté. Le GS2 a une hauteur de 800px, je m'attendais donc à voir apparaitre la version desktop. C'est pourtant bien la version mobile qui est restée à l'écran.

Je me demande donc ce qu'il en est des smartphones nouvelle génération, dont la résolution monte à 1080 x 1920 px, et encore plus des tablettes comme la dernière Nexus 7, ou des tablettes 10'' ou plus... Vont-ils avoir droit à la version desktop même en mode portrait ? Ce serait fâcheux, il me semble. Information que je ne suis pas parvenu à dénicher en ligne non plus.

enfin, si je souhaite montrer certains blocs en version > 768 et leur pendant "abrégé" en version < 768px, je n'ai absolument pas trouvé comment faire en utilisant Bootstrap... Tout ce que j'ai vu c'est des "visible-phone", "visible-tablet" et "visible-desktop" ainsi que leurs pendants "hidden"... Ce n'est pas suffisant.

Merci BEAUCOUP pour m'avoir lu, et d'avance pour vos réponses !

Cordialement,
Jeremy
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
5 nov. 2013 à 12:49
Salut

en fait le responsive design c'est juste du css et des media query utilisants max-device-width

ce que tu pourrais faire c'est une page de test + css et voir ce que ca donne dans un emulateur
http://www.opera.com/fr/developer/mobile-emulator
0
jerryone3 Messages postés 55 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 19 juin 2014 1
5 nov. 2013 à 13:56
Hello et merci pour cette réponse !

Je connais bien les media queries, aucun problème de ce coté. Simplement, je voulais utiliser Bootstrap pour en gérer la base. Mon inquiétude est quand à ses limites. Si je prends un smartphone haut de gamme actuel, j'ai un display en 1080p, ce qui fait une densité de pixels très élevée. Aussi, sera-ce la version desktop qui s'affichera, même en mode portrait ? Ce serait bien fâcheux...
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 7/11/2013 à 00:53
ben ca faut tester avec un page de base et le portable en question
désoler bootstrap j'ai été voir et finalement jamais utilisé ca
0