6
votes

Twitter Bootstrap - version mobile uniquement?

Je crée un site Web pour un client qui doit avoir une version mobile. Ils ont déjà un site en ce moment qu'ils veulent conserver, mais veulent simplement une version mobile totalement différente - donc, je me demandais si le Twitter Bootstrap peut être coupé, de sorte qu'il n'utilise que l'aspect mobile du cadre?

excuses si ma question n'a pas de sens, si ce n'est pas le cas, n'hésitez pas à poser plus de questions et je vais essayer de mieux m'expliquer.

Pour résumer, je souhaite simplement concevoir une version mobile d'un site à l'aide de Twitter Bootstrap, mais seulement une version mobile - aucune version de bureau n'est nécessaire car on existe déjà sur le domaine des clients.


4 commentaires

Vous pouvez modifier les fichiers .less. Mais, si vous faites mobile seulement, envisagez JQuery Mobile. Ce serait un meilleur choix. jquerymobile.com


Excellent, cela ressemble à une meilleure solution totale. Merci!


@Nikkimather J'essaie également de créer une version mobile uniquement d'un site Web. Lequel avez-vous fini par choisir - Twitter Bootstrap ou JQuery Mobile?


Réponse tardive, mais ... JQuery Mobile :)


4 Réponses :


0
votes

Vous pouvez utiliser des twitters que la propriété indique uniquement des éléments sur la taille mobile. Ensuite, la taille de la page augmentera, il va cacher toute page. et personne ne pouvant la voir sur la version de bureau. http://twitter.github.io/bootstrap/scaffolding.html#responsive


0 commentaires

0
votes

Vous pouvez définitivement utiliser uniquement des pièces mobiles de Twitter Bootstrap comme point de départ.

La question la plus importante est la suivante: Quel est le but du site mobile séparé? Pourquoi un utilisateur pourrait-il vouloir un contenu différent sur leur téléphone contre un ordinateur portable ou un ordinateur de bureau? La voie la plus amicale future d'aller serait de rendre le site actuel réactif / adaptatif afin que le même contenu soit là, mais adapté aux écrans plus petits.

Juste mon 2c, mais vous pouvez définitivement couper les parties de Bootstrap que vous n'aimez pas.


2 commentaires

Merci pour vos pensées. Je ne sais vraiment pas pourquoi ils veulent une version séparée par opposition à une version intégrée intégrant leur conception actuelle; Je sais juste qu'ils ne veulent pas changer ou utiliser leur version de bureau actuelle comme base de la version mobile - ils veulent juste 2 entités distinctes. Merci pour votre contribution.


Pas de problème, je comprends comment il s'agit d'être à la merci d'un client. Cela pourrait bien vouloir poser des questions sur les utilisateurs. Découvrez également Ce message sur les requêtes multimédias.



1
votes

AS Robin2K mentionné, le fichier 'Bootstrap-Responsive.CSSS' / 'Bootstrap-Responsif-Responsif-Responsif.Min.css''CSS 'permettra de bien fonctionner sur la plupart des appareils mobiles.

Si vous voulez couper le script pour réduire les temps de chargement, le meilleur conseil que je puisse vous donner est:

  1. Assurez-vous d'utiliser les fichiers .min.Csss et .Min.js , ils sont considérablement plus petits

  2. essayez Cloudflare , ils se cacheront et compresseront vos fichiers de bootstrap pour que votre site soit considérablement plus rapide


2 commentaires

Et Cloudflare fera votre site indisponible régulièrement.


@jgillich J'ai trouvé que la fiabilité de Cloudflare s'est considérablement améliorée au cours des derniers mois. Amazon a également un service similaire, bien qu'il soit beaucoup plus cher.



0
votes

Pour que le client veuille un site mobile offrant une expérience différente est parfaitement compréhensible. L'accès à un site Web via un bureau mobile VS A présente deux cas d'utilisation et, en fonction de ces cas d'utilisation, il peut y avoir des fonctions de site qu'un utilisateur se souciera ou ne se souciait pas de dépendre de l'appareil qu'il utilise pour y accéder. Par conséquent, une taille unique n'est pas toujours le meilleur choix.


0 commentaires