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.
Pour le moment, tous nos livres en format ePub adaptés aux mobiles peuvent être téléchargés via l'application. La plupart de nos PDF sont également disponibles en téléchargement et les autres seront téléchargeables très prochainement. Découvrez-en plus ici.
Perlego propose deux forfaits: Essentiel et Intégral
- Essentiel est idéal pour les apprenants et professionnels qui aiment explorer un large éventail de sujets. Accédez à la Bibliothèque Essentielle avec plus de 800 000 titres fiables et best-sellers en business, développement personnel et sciences humaines. Comprend un temps de lecture illimité et une voix standard pour la fonction Écouter.
- Intégral: Parfait pour les apprenants avancés et les chercheurs qui ont besoin d’un accès complet et sans restriction. Débloquez plus de 1,4 million de livres dans des centaines de sujets, y compris des titres académiques et spécialisés. Le forfait Intégral inclut également des fonctionnalités avancées comme la fonctionnalité Écouter Premium et Research Assistant.
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 appareils iOS et Android pour lire à tout moment, n’importe où — même hors ligne. Parfait pour les trajets ou quand vous êtes en déplacement.
Veuillez noter que nous ne pouvons pas prendre en charge les appareils fonctionnant sous iOS 13 ou 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 sous iOS 13 ou 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 Computer Science et Web Programming. Nous disposons de plus d'un million d'ouvrages à découvrir dans notre catalogue.
Informations
Sujet
Computer ScienceSujet
Web ProgrammingLe 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