So ändern Sie die Bootstrap-Schriftfarbe

(*-*)浩
Freigeben: 2019-07-18 14:46:42
Original
8879 Leute haben es durchsucht

Schauen wir uns zunächst an, wie die benutzerdefinierte Textfarbe von Bootstrap aussieht:

So ändern Sie die Bootstrap-Schriftfarbe

Code: (empfohlenes Lernen: Bootstrap-Video Tutorial)

nbsp;html>

  
    <meta>
    <meta>
    <meta>
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <link>
    <title>Bootstrap 101 Template</title>
    <style>
          p{font-size:50px;}
    </style>
    
  
  
              <p>我是muted</p>
              <p>我是primary</p>
              <p>我是success</p>
              <p>我是info</p>
              <p>我是warning</p>
              <p>我是danger</p>          
    <script></script>
    <script></script>
  
Nach dem Login kopieren

Öffnen Sie Bootstrap.css und suchen Sie nach text-muted:

Die Ergebnisse sind wie folgt:

So ändern Sie die Bootstrap-Schriftfarbe

Wir können also sehen, dass der von Bootstrap standardmäßig vorgegebene Textfarbstil ist:

.text-muted{  color: #777 ;  }

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

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

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

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

.text-danger{  color: #a94442 ;  }
Nach dem Login kopieren

Wir können diese Stile auch modifizieren und hinzufügen, um Stile zu erhalten, die unseren Anforderungen entsprechen.

Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial, um mehr darüber zu erfahren!

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Bootstrap-Schriftfarbe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!