简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel d'amorçage > le corps du texte

bootstrap字体颜色怎么改

(*-*)浩
Libérer： 2019-07-18 14:46:42
original
8759 人浏览过

先来看看bootstrap自定义的文本颜色是什么样的：

bootstrap字体颜色怎么改

代码：（推荐学习：Bootstrap视频教程）



  
    
    
    
    
    
    Bootstrap 101 Template
    
    
  


  
              
我是muted

              
我是primary

              
我是success

              
我是info

              
我是warning

              
我是danger
          
    
    
  
Copier après la connexion

打开Bootstrap.css  , 搜索text-muted:

结果如下：

vs.png

这样我们就可以看出默认情况下bootstrap给出的文本颜色样式为：

.text-muted{  color: #777 ;  }

.text-primary{  color: #337ab7 ;  }

.text-success{  color: #3c763d ;  }

.text-info{  color: #31708f ;  }

.text-warning{  color: #8a6d3b ;  }

.text-danger{  color: #a94442 ;  }
Copier après la connexion

我们也可以基于这些样式进行修改和添加，得到符合自己需求的样式。

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上是bootstrap字体颜色怎么改的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
bootstrap
source：php.cn
Article précédent：bootstrap复选框怎么实现 Article suivant：bootstrap官网的组件是什么
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
Laravel 9 ne trouve toujours pas App.css et App.js, même après avoir exécuté npm run dev Étant relativement nouveau sur Laravel, je me suis assuré d'avoir effectivement consulté l...
Depuis 2023-10-26 23:41:22
0
1
489
Personnaliser les points d'arrêt du système de grille de Bootstrap 4 J'ai une application dont la conception nécessite 1280 points d'arrêt du bureau à la table...
Depuis 2023-10-18 23:01:50
0
2
197
Comment rendre les images d'en-tête, le texte et les boutons réactifs Je crée un site Web en utilisant Bootstrap5. Dans l'en-tête du site Web, j'utilise le carr...
Depuis 2023-09-17 09:51:15
0
1
283
为何我的Bootstrap导航栏无法正确呈现？ 我正在尝试使用Bootstrap4制作一个导航栏，但我的代码似乎不起作用。我的代码几乎与教程完全一致，只对nav-brand进行了一些更改。我做错了什么？这是它的样子。<na...
Depuis 2023-09-16 16:14:06
0
1
522
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！