Questions d'entretien courantes pour le bootstrap (résumé)
Cet article résume pour vous quelques questions courantes d'entretien bootstrap. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile. Si vous souhaitez apprendre et obtenir plus de tutoriels sur le bootstrap, vous pouvez également visiter : tutoriel bootstrap !
1. Pourquoi utiliser bootstrap ?
Bootstrap présente les avantages de la priorité aux appareils mobiles, d'une bonne prise en charge du navigateur, d'une conception facile à utiliser et réactive, etc. Bootstrap est donc largement utilisé.
2.Ajoutez la balise méta viewport dans 2.head
Afin de rendre le site Web développé par Bootstrap adapté aux mobiles et d'assurer un dessin et un toucher corrects mise à l'échelle de l'écran, il est nécessaire d'ajouter la balise méta viewport à l'en-tête de la page Web, et l'attribut
width contrôle la largeur de l'appareil. En supposant que votre site Web sera affiché sur des appareils avec des résolutions d'écran différentes, le définir sur la largeur de l'appareil garantira qu'il s'affichera correctement sur différents appareils.
iinitial-scale=1.0;Assurez-vous que lorsque la page Web est chargée, elle sera rendue à un rapport 1:1 sans aucune mise à l'échelle.
Sur les navigateurs mobiles, le zoom peut être désactivé en ajoutant user-scalable=no à la balise méta viewport .
Normalement, maximum-scale=1.0 est utilisé avec user-scalable=no. Après avoir désactivé la fonction de zoom, les utilisateurs peuvent uniquement faire défiler l'écran, ce qui donne à votre site Web l'apparence d'une application native, alors ajoutez le code suivant :
<metaname="viewport" content="width=device-width,initial-scale=1">
3 Pour chaque Pour les appareils avec classe. tailles, quels sont les préfixes de classe définis par Bootstrap ?
Téléphones pour très petits appareils (<768px) : .col-xs-
Tablettes pour petits appareils (>=768px) : .col-sm-
Bureau d'appareil moyen (>=992px) : .col-md-
Bureau d'appareil grand format (>=1200px) : .col-lg-
4 .Comment configurer une table réactive dans Bootstrap ?
Ajouter une classe="table-responsive"
5. Quelles sont les étapes de base pour créer un formulaire vertical à l'aide de Bootstrap ?
(1) Ajoutez role="form" à l'élément parent