Est ce que le cours Bootstrap va être mis à jour pour la version 4.x.x ?
Ou bien est ce que un nouveau cours va apparaitre car bootstrap à bien évolué et fait appel popper.js et a dit adieu au glyficons donc je pense qu'il y a eu beaucoup de changement.
Je suis entrain de suivre le cours "Prenez en main bootstrap" et je m'entraine afin de bien le comprendre.
J'essaie de créer un mini site avec des arrières plans pour avoir un site responsive.
J'ai plusieurs problèmes :
1 - La taille de la police de s'adapte pas ?
2- Est-ce que je suis sur le bon chemin ?
Le code html, ci-dessous et le code css après : (Merci pour vos réponses) Jonathan
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/bootstrap.css">
<title>Document sans nom</title>
</head>
<body>
<div class="container-fluid">
<!-- SECTION PLAN01 -->
<div class="row">
<div id="planun" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="col-lg-12">
<h1 class="text-center text">JE TEST AUTRE CHOSE</h1>
<h1>JE FAIS AUTRE CHOSE</h1>
<h1>JE FAIS AUTRE CHOSE</h1>
</div>
</div>
</div>
<!-- SECTION PLAN01 -->
<div class="row">
<div id="plandeux" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
<h1>JE TEST JE TEST</h1>
</div>
</div>
</div>
</body>
</html>
J'ai une question, j'avais fait toute ma mise en forme sur bootstrap sur le html dabord puis sur le css en commencant par le large device tout etait ok puis modifier mes codes css tabette et smaartphoone et ca a tt bougé sur le large device
jai utilisé les médias queries. Je vous joins un bout ci dessous.
Bonsoir, Je suis entrain d 'apprendre le html 5 et le CSS3 j'ai envoyé une activité bien fait mais l'un des correcteur ma donner une note pas juste. et il a tout gâcher je travail depuis 15 jours pour obtenir cette certificat. J'attent la réponse du mentor merci d'avance.
je voudrais savoir un petit truc svp .. si quelqu'un d'O.C peut me répondre ce serai sympa ..
Pourquoi doit on en 02/2019 encore bosser sur la version 3 de Bootstrap ? La version 4 amène beaucoup de changements assez important et beaucoup plus pratique..
On dirait que le cours n'est pas à jour simplement !? On peut dire que oui ou non... Peut être que j'ai tord mais il serait dommage de passer encore pour le petit peuple gaulois toujours à la bourre !?
Je vois qu'à l'international , ils bossent avec B4 de plus il est tout de même plus intéressant d'apprendre la dernière version plutôt que de se coltiner tout une série de Bootstrap...
Je veux dire que même si c'est recherché au niveau professionnel , ca reste un parti prit malgré tout !!
On pourrait tout à fait avoir une stratégie opposée ...
Personnellement je trouve ça inintéressant, et même si je me force à passer par Bootstrap parce que c'est quand même important de connaitre mais pourquoi ce taper les version 3.2 puis 3.3??
Web Developer apprenant .. Le Savoir est un Tout! ! En faire son Expérience est le chemin vers la Connaissance ...
julienMONNIN1 : Sur Mac, je ne sais pas mais sur Linux, menu Preferences => Color Scheme... mais tu peux aussi changer le thème menu Preferences => Theme ...
JulienOrjollet , Lvdevcom : Pour Bootstrap 4, je sais que l'auteur du cour Bootstrap 3 a mis à jour le cour vers la version 4 mais aucune idée de la raison pour laquelle ce cour n'est pas accessible ici.
Vous pouvez toujours trouver en recherchant sur google "Lavarel tuto bootstrap" ....
salut, j'ai héberger un site web; j'ai utilisé bootstrap4 pour le design, la taille des textes du site et le rendu est très bon dans certain navigateur comme opéra mini...mais pas jolie dans certains navigateur et les textes sont très petit..sur le téléphone
J’ai un problème avec le Titre, qui sur tablette et smartphone passe en dessous du logo, et j’ai également un problème avec la 3ème photo qui sort de la row sur ordinateur
Bonjour, je viens de finir l'exercice "Réaliser une page web simple"concernant l'activité "prenez en main boostrap" que j'ai réussi. Il y a un correcteur m'a laissé un message ou il me donne les erreurs qu'il a vu et me dit voir la correction type. J'ai cherché mais je ne trouve pas de correction type alors je voudrai savoir comment accéder à celle-ci car souhaitant progresser j'aimerai savoir ou je pourrai la consulter. Merci d'avance et bon week end.
il y a toujours le corrigé type dans la page de correction une fois que tu as rendu ton devoir pour t'aider à corriger les exercices des autres. Une fois que tu as ta note elle n'est plus accessible. Je pense que c'est pour éviter les fuites car certain arrivent à rendre un copier coller de la correction. Pense à faire une copie de la correction et des exercices de tes pairs qui son intéressant.
Bonsoir, l'exercice 2 de bootstrap est il toujours valide en sachant qu'il fonctionne avec bootstrap 3.3.7 alors qu'avec la 4.3.1 ça ne fonctionne pas ( le css des .col n'est plus le même)
J'avoue que je galère sur la mise en page des trois images en version .col-md. (.col-sm et .xs fonctionne)
si je mets les deux petites images dans une <div class="col-md-4> je obtiens un résultat se rapprochant mais les images ne prennent pas 100% de la hauteur
je vous montre mon code html :
<!DOCTYPE html>
<html>
<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>La maison de l'architecte</title>
<meta name="description" content="Le site de la maison de l'architecture">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container-fluid">
<header>
<div class="d-flex ">
<div class="row align-items-center col-md-12">
<a class="col-sm-3 col-md-2 " href="#">
<div class="jumbotron"> <img class=" d-none d-sm-block" src="assets/img/maison.png" alt="logo"></div>
</a>
<h1 class="text-center col-md-8 col-sm-6">La maison de l'architecte</h1>
</div>
</div>
</header>
<nav class="row">
<div id="left" class="col-md-8 ">
<a href="#"><img src="assets/img/city1.jpg" alt="Nos réalisations"></a>
</div>
<div id="side1" class="col-md-4 col-sm-6">
<a href="#"><img src="assets/img/side1.jpg" alt="Nos projets"></a>
</div>
<div id="side2" class="col-md-4 col-sm-6">
<a href="#"><img src="assets/img/side2.jpg" alt="Notre ambition"></a>
</div>
</nav>
<footer class="row justify-content-center my-4">
<a class="btn btn-primary circle " href="#"><i class=" fa fa-twitter fa-2x"></i></a>
<a class="btn btn-primary circle " href="#"><i class=" fa fa-facebook fa-2x"></i></a>
<a class="btn btn-primary circle " href="#"><i class=" fa fa-google-plus fa-2x"></i></a>
<a class="btn btn-primary circle " href="#"><i class=" fa fa-flickr fa-2x"></i></a>
<a class="btn btn-primary circle " href="#"><i class=" fa fa-spotify fa-2x"></i></a>
</footer>
</div>
</body>
</html>
tu dois mettre tes deux images de droite dans une <div> de class "col-md-4" et une <div> de class "row" et rajoute la class "col-md-12" pour tes side1 et 2.
Oui je confirme qu'il vaut mieux prendre le CDN 3.2.0, car pour ma part, je n'arrive pas à reproduire les exemples à partir de Partie 1 "Premiers Pas" / Chapitre 2 "Une grille ?" / Exemple "Une seule rangée".
Bonjour,
La version 3.3 est récente et il faudra un peu de temps pour la mise à jour du cours...
Mais j'ai commencé à tester cette version (la 3.3.1) et pour moi tous les exemples des chapitres 2 et 3 fonctionnent parfaitement parce que la grille n'a pas été modifiée .
- Edité par bestmomo 27 décembre 2014 à 11:30:02
je te remercie infiniment je n'avais pas penser à mettre les deux images dans une row avec col-md-12
J'ai un problème avec la partie sur les Tigres. Je fais des copier/coller pour refaire les test sur mon PC et je possède des résultats différents que ceux affichés (souvent, on dirait que des fonctions ne sont pas prise en compte alors qu'elle sont bien écrite dans mon fichier, en HTML comme en CSS).
C'est notamment le cas pour l'affichage des images en format "XS". En effet, une fois que je diminue la fenêtre au minimum, au lieu de me mettre 4 lignes d'images, le navigateur me remet les images en format ajustées à la page et donc pixelisées. Pourtant, pour l'affichage par 3 et par 2, ça fonctionne... Donc je ne comprend pas (<div class="col-xs-4 col-sm-3 col-md-2">)...
Une autre chose qui ne fonctionne pas et qui se trouve dans mon fichier CSS, c'est le "pull-right". Et mon affichage pour la citation est différente de ce qui est mis en exemple dans le cours (voir images ci-dessous).
Est-ce que tout ces problèmes sont dus à la version de Bootstrap (4.3.1) ? :)
Pour information, j'ai téléchargé les sources de Bootstrap (et donc pas la version "simplifiée"), j'utilise Chrome et je n'ai rien modifié dans le code CSS ni HTML par après.
Web Developer apprenant .. Le Savoir est un Tout! ! En faire son Expérience est le chemin vers la Connaissance ...
#believeInYourself
JoWd | still coding .
Compos sui.
A new life is starting!
A new life is starting!