Je viens de télécharger les fichiers source SASS sur getbootstrap.com et d'installer le compilateur Koala.

D'après ce que j'ai compris, la façon de le faire est de

  1. créez votre propre fichier sass.
  2. inclure les remplacements au début du fichier.
  3. importer le 'bootstrap.scss à la fin du fichier.
  4. compilez votre fichier css et remplacez le cdn standard par ce fichier css.

En réalité, cela fonctionne, mais lorsque j'essaie de créer une barre de navigation en utilisant mon propre style, je me rends compte qu'il ne suffit pas de créer un thème. Un exemple est que la couleur du texte de la barre de navigation est affichée dans une couleur étrange qui ne correspond pas du tout au thème. Alors, que dois-je faire de plus ? Ci-dessous est mon scss personnalisé.

// Custom.scss

// Make overrides and customizations
$myown: #0066CC !default;
$theme-colors: ("myown": #0066CC);

// Include all of Bootstrap
@import "bootstrap.scss";
1
Henrik Bengtsson 14 sept. 2020 à 15:02

1 réponse

Meilleure réponse

Seuls navbar-light et navbar-dark affectent la couleur du texte de la barre de navigation. L'utilisation de navbar-dark devrait fonctionner correctement : http://codeply.com/p/UAWVfUy3VX -- depuis le bleu est plus foncé.

TOUPET

$myown: #0066CC;
$theme-colors: ("myown": #0166CC);

@import "bootstrap";

HTML

<nav class="navbar navbar-expand-md navbar-dark bg-myown">...</nav>

Voir également : Personnalisation du modèle CSS Bootstrap

1
Zim 14 sept. 2020 à 14:59