logo

Premier exemple d'amorçage

Ajoutez le doctype HTML 5 : Bootstrap utilise des éléments HTML et des propriétés CSS, vous devez donc ajouter le doctype HTML 5 au début de la page avec l'attribut lang et le jeu de caractères correct.

Ex:

 Any title //write code 

Bootstrap est compatible avec les appareils mobiles : Bootstrap 3 est conçu pour répondre aux appareils mobiles.

Les styles destinés aux mobiles font partie du cadre de base de Bootstrap. Vous devez ajouter la balise suivante à l'intérieur de l'élément pour un rendu et un zoom tactile corrects :

 

Note: Le 'largeur=largeur de l'appareil' Cette partie est utilisée pour définir la largeur de la page afin qu'elle suive la largeur de l'écran de l'appareil (varie selon les appareils).

Le échelle initiale = 1 Cette partie est utilisée pour définir le niveau de zoom initial lors du premier chargement de la page par le navigateur.

liste de tableaux Java triée

Conteneurs : Le conteneur est utilisé pour envelopper le contenu du site. Il existe deux classes de conteneurs.

  • Le Classe .container fournit un conteneur réactif à largeur fixe.
  • Le .conteneur-fluide La classe fournit un conteneur pleine largeur, couvrant toute la largeur de la fenêtre.

Remarque : Un conteneur ne peut pas être placé à l'intérieur d'un conteneur.


Premier exemple de bootstrap (avec conteneur réactif à largeur fixe)

 This is a Bootstrap example <p>Write your text here..</p> 

Testez-le maintenant