CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Installer et configurer Bootstrap

GreatHawkey
GreatHawkey
Niveau 10
18 avril 2015 à 20:16:27

Hello,

Je suis tout nouveau dans la création de sites web et j'ai quelques questions à propos de Bootstrap et surtout de son installation et configuration.
J'ai suivi quelques tutos sur openclassroom et voilà ce qu'il en ressort :

1 - Je télécharge les fichiers Bootstrap sur http://getbootstrap.com/getting-started/ ou j'utilise le cdn. La première solution étant meilleure si je veux modifier le css et adapter bootstrap à mon site.

2 - Je configure les balises <link> et <script> en conséquence, par exemple
<link rel="stylesheet" href="css/bootstrap.css"> <script src="js/bootstrap.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

3 - Je suis prêts à développer mon site en utilisant les class de bootstrap.

Sauf que voilà, quelques questions :

1) Pourquoi, lorsque je fais "inspecter l'élément" pour voir le css d'une class, il m'indique "bootstrap.css:null" comme chemin d'accès ou navbar.less ? en image ça donne ça :
https://i.imgur.com/DKdmEdJ.png

Pourquoi ça ne donne pas bootstrap.css:50 pour m'indiquer que une class X ou Y est à la ligne 50 ?

2) Quelle est le meilleur moyen de modifier une class de Bootstrap ? Modifier directement le fichier bootstrap.css ou ajouter une nouvelle class avec les nouveaux attributs désirés ? Par exemple si je veux que ma navbar soit verte et non noire, ou qu'elle n'ait pas de border-radius, dois-je modifier les classes déjà existantes ou en ajouter de nouvelles ?

Merci de vos réponses.

GreatHawkey
GreatHawkey
Niveau 10
18 avril 2015 à 20:18:00

Oups je me suis trompé de forum !

fluxies
fluxies
Niveau 17
19 avril 2015 à 10:43:46

Pour modifier, le mieux est d'override les propriétés bootstrap, pour cela tu fais un nouveau .css avec ce que tu veux changer, précise bien le chemin ( div div div ul li ) pour avoir le plus de chance d'outre-passer les réglages btstrp, si ca marche pas utilise le '!important' ( color : #000000 !importqnt; ) mais attention à ne pas en abuser ca rends le debugage difficile

[Snakepit]
[Snakepit]
Niveau 9
21 avril 2015 à 13:52:19

Pour voir si bootstrap est chargé applique une classe bootstrap a un élément (voir la doc du site).

Ne modifies JAMAIS bootstrap.css ! comment tu fais si tu veux mettre bootstrap a jour sinon ? Comme dit fluxies, tu crées un style.css et écris par dessus les classes dans ce fichier et quand ça marche pas tu mets !important a a la fin. Je te conseil également d'utiliser un compileur sass.

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment