Qu`est-ce que twitter bootstrap fait

Imaginez que vous êtes le développeur de mise en page en ligne Le Washington Post, responsable de coder la première page du journal d`impression dans une version de site numérique. Le journal utilise toujours la même taille de police et caractères pour le titre principal, des légendes et bylines. De même, il y a un certain nombre de dispositions à choisir, le plus souvent avec le titre principal en haut de la page accompagnée d`une photo.

Chaque jour, vous pouvez écrire votre code CSS à partir de zéro, la définition de police de caractères, tailles, mises en page de paragraphe, et autres. Cependant, étant donné que le journal suit un format largement défini, il serait plus facile de définir ce style à l`avance dans votre fichier CSS avec les noms de classe, et si nécessaire se référer au style que vous voulez par son nom. À la base, voici comment fonctionne Bootstrap.

Bootstrap est une collection de HTML standard pré-écrite, CSS et du code javascript que vous pouvez faire référence en utilisant les noms de classe, puis personnaliser davantage. Bootstrap vous permet de créer et vous donne:

  • layouts: Définir le contenu de votre page web et éléments dans un modèle de grille.

  • Composants: Utilisez les boutons existants, les menus et les icônes qui ont été testés sur des centaines de millions d`utilisateurs.

    Video: Bases de Bootstrap | Partie 1 - Qu'est ce que Bootstrap et comment l'utiliser

  • Nervosité: Un mot pour savoir si votre site fonctionne sur les téléphones mobiles et tablettes en plus des ordinateurs de bureau. Ordinairement, vous pouvez écrire un code supplémentaire pour que votre site apparaît dans le bon ces différentes tailles d`écran, mais le code Bootstrap est déjà optimisé pour le faire pour vous.

    Video: Réalisation d'un thème avec Twitter bootstrap en darija (Partie 1)

  • compatibilité inter-navigateur: Chrome, Firefox, Safari, Internet Explorer et d`autres navigateurs varient tous dans la façon dont ils rendent certains éléments HTML et des propriétés CSS. Code Bootstrap est optimisé pour que votre page Web apparaît toujours peu importe le navigateur utilisé.

    Video: 2 - TWITTER BOOTSTRAP 3 (Framework CSS)

Articles connexes