7 septembre 2013

Bootstrap Web Design

7.9.13 - 1

Bootstrap Web Design

Bootstrap Web Design


Vous connaissez forcément Twitter. Le projet Bootstrap web design a été publié en août 2011 pour répondre à des besoins internes de développement de Twitter. Il a été mis à disposition du public sous licence Apache. La version 2.1 est sortie en août 2012.

Bootstrap web design

Qu'est ce que Bootstrap?

Bootstrap web design est un framework open source pour la création d'interfaces web. Bootstrap web design permet à tous les niveaux de développeurs Web et les concepteurs de l'utiliser. Bootstrap utilise JavaScript, CSS et HTML et inclut le support de CSS3 et HTML5. Vous pouvez verrouiller Bootstrap sur votre application pour fournir des fonctionnalités avancées, ou vous pouvez l'utiliser pour construire des applications à partir de zéro.

Obtenir Bootstrap

Bootstrap web design est disponible en téléchargement gratuit via GitHub en deux saveurs:
 - Version compilée
 - Code source complet
La version compilée est la plus rapide. Elle contient trois sous-répertoires: css, js et img. Le "css" contient des feuilles de style, "js" contient les fichiers JavaScript et images utilisés par Bootstrap web design sont stockés dans le répertoire "img". Avec le téléchargement, vous êtes prêt à mettre Bootstrap web design en mouvement.

Utilisation de Bootstrap

La documentation fournit de grandes instructions pour l'utilisation de Bootstrap web design. Une bonne partie de celui-ci décrit les bases du bootstrap permettant une page web. Le code suivant fournit un exemple de ces bases. 
Les principaux points sont les deux fichiers JavaScript référencés au bas de la page doctype HTML5, la feuille de style bootstrap.min.css...

<!DOCTYPE html>
<html>
<head>
  <title>Titre</title>
  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>


  <script src="http://code.jquery.com/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
</body>
</html>

Bootstrap Web Design

Newsletter

Abonnez-vous à notre newsletter pour recevoir les nouveautés.

1 commentaire:

  1. Il aurait été intéressant de montrer comment l'utilisation des classes "sm-", "md-", "lg-" permet de modifier l'affichage d'une page et de la rendre du même coup responsive...

    RépondreSupprimer

© 2014 Déveur. WP Theme-junkie converted by Bloggertheme9
Powered by Blogger.
back to top