eBook - ePub
Bootstrap 3
À propos de ce livre
Le framework Bootstrap est un vrai plus pour tous ceux qui veulent réaliser simplement des sites Web responsive, c'est-à-dire qui s'adaptent à la taille de l'écran.En lisant cet eBook et en utilisant les exemples types qui y sont présentés, vous serez immédiatement opérationnel sur Bootstrap! Vous pourrez réaliser des sites responsive en vous "accrochant" sur la grille de Bootstrap, et ainsi obtenir un rendu optimisé de vos pages, qu'elles s'affichent sur un ordinateur de bureau, un ordinateur portable, une tablette ou un téléphone.Si vous n'avez jamais utilisé Bootstrap, cet eBook est le point de départ idéal: progressif et très orienté pratique, la mise en oeuvre de Bootstrap sera un vrai jeu d'enfant...Pour aller encore plus vite, vous pouvez obtenir tous les codes sources: il suffit d'en faire la demande. Il vous suffira alors de copier/coller nos exemples types et de modifier les seuls passages nécessaires pour obtenir l'effet recherché.Je vous souhaite de réaliser de beaux sites et je vous dis à tout de suite pour commencer votre apprentissage de Bootstrap.
Foire aux questions
Oui, vous pouvez résilier à tout moment à partir de l'onglet Abonnement dans les paramètres de votre compte sur le site Web de Perlego. Votre abonnement restera actif jusqu'à la fin de votre période de facturation actuelle. Découvrez comment résilier votre abonnement.
Non, les livres ne peuvent pas être téléchargés sous forme de fichiers externes, tels que des PDF, pour être utilisés en dehors de Perlego. Cependant, vous pouvez télécharger des livres dans l'application Perlego pour les lire hors ligne sur votre téléphone portable ou votre tablette. Découvrez-en plus ici.
Perlego propose deux abonnements : Essentiel et Complet
- Essentiel est idéal pour les étudiants et les professionnels qui aiment explorer un large éventail de sujets. Accédez à la bibliothèque Essentiel comprenant plus de 800 000 titres de référence et best-sellers dans les domaines du commerce, du développement personnel et des sciences humaines. Il comprend un temps de lecture illimité et la voix standard de la fonction Écouter.
- Complet est parfait pour les étudiants avancés et les chercheurs qui ont besoin d'un accès complet et illimité. Accédez à plus de 1,4 million de livres sur des centaines de sujets, y compris des titres académiques et spécialisés. L'abonnement Complet comprend également des fonctionnalités avancées telles que la fonction Écouter Premium et l'Assistant de recherche.
Nous sommes un service d'abonnement à des ouvrages universitaires en ligne, où vous pouvez accéder à toute une bibliothèque pour un prix inférieur à celui d'un seul livre par mois. Avec plus d'un million de livres sur plus de 1 000 sujets, nous avons ce qu'il vous faut ! Découvrez-en plus ici.
Recherchez le symbole Écouter sur votre prochain livre pour voir si vous pouvez l'écouter. L'outil Écouter lit le texte à haute voix pour vous, en surlignant le passage qui est en cours de lecture. Vous pouvez le mettre sur pause, l'accélérer ou le ralentir. Découvrez-en plus ici.
Oui ! Vous pouvez utiliser l'application Perlego sur les appareils iOS ou Android pour lire à tout moment, n'importe où, même hors ligne. Parfait pour les trajets quotidiens ou lorsque vous êtes en déplacement.
Veuillez noter que nous ne pouvons pas prendre en charge les appareils fonctionnant sur iOS 13 et Android 7 ou versions antérieures. En savoir plus sur l'utilisation de l'application.
Veuillez noter que nous ne pouvons pas prendre en charge les appareils fonctionnant sur iOS 13 et Android 7 ou versions antérieures. En savoir plus sur l'utilisation de l'application.
Oui, vous pouvez accéder à Bootstrap 3 par Michel Martin en format PDF et/ou ePUB ainsi qu'à d'autres livres populaires dans Informatique et Programmation Web. Nous disposons de plus d'un million d'ouvrages à découvrir dans notre catalogue.
Informations
Sujet
InformatiqueSujet
Programmation WebLe principe de la grille Bootstrap
Bootstrap est avant tout utilisé pour réaliser des pages Web responsive, c'est-à-dire dans lesquelles le contenu s'adapte à l'espace disponible, et donc aux différents appareils utilisables pour naviguer sur le Web : ordinateurs fixes, portables, tablettes et smartphones.
Les éléments affichés sur l'écran peuvent être ancrés sur une grille composée de 12 colonnes. Ainsi, vous pourriez très bien afficher quelque chose comme ceci :
Pour arriver à ce résultat, vous devez définir, pour chaque élément :
•Son emplacement dans la grille.
•Sa largeur en nombre de colonnes.
Le nombre de colonnes d'un élément est défini en lui affectant une des classes suivantes :
| Classe | Signification | Comportement |
| col-xs-N | N colonnes sur un très petit périphérique (extra-small) | Redimensionnement quelle que soit la largeur du périphérique |
| col-sm-N | N colonnes sur un petit périphérique (small) | Empilage si < 768 pixels, redimensionnement après |
| col-md-N | N colonnes sur un périphérique de taille moyenne (medium) | Empilage si < 992 pixels, redimensionnement après |
| col-lg-N | N colonnes sur un périphérique de grande taille (large) | Empilage si < 1 200 pixels, redimensionnement après |
A titre d'exemple, testez le comportement du code suivant (colxs-3-9.html) :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Squelette Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.col-xs-3 { background-color: yellow; }
.col-xs-9 { back...
Table des matières
- Page de titre
- Introduction à Bootstrap
- Le principe de la grille Bootstrap
- Utilisation du framework Bootstrap
- Extension de Bootstrap avec des plugins
- Pour aller plus loin
- Demandez le code source
- Si vous avez aimé cet eBook
- Notes de bas de page