Kumpulan Warna Default yang Terdapat Pada bootstrap

Pasti teman-teman bertanya-tanya apa si yang di maksud dengan judul di atas, oke saya jelaskan jadi begini ketika kita ingin menggunakan warna pada sebuah website khususnya di table, warna border, button, kita harus memberinya di file CSSnya betul kan, nah ketika kita menggunakan bootstrap 4 terdapat kumpulan warna default yang terdapat pada bootstrap, khususnya bootstrap 4, memang di sebelumnnya sudah terdapat warna juga, tapi di bootstrap 4 warna defaultnya di tambah, ada apa saja simak terus ya teman-teman.

Apakah teman-teman sudah punya gambaran bagaimana cara memberinya apakah saya harus memberikannya di file CSSnya juga, tentu tidak ya teman-teman jika seperti itu sama aja tidak ada perbedaan, hehe. Iya betul sekali kita akan memberikan efek warna pada bootstrap melalui class seperti contoh yang saya berikan pada artikel sebelumnya dengan menggunakan class bawaan bootstrap dan kita bisa menggunakan efek-efek atau konten-konten bawaan yang terdapat pada bootstrap. Jadi nanti saya akan berikan warna pada border dimana saya akan memberika classnya saja, border itu akan berubah warnanya, dan seperti pada bootstrap sebelumnya ketika ingin menggunakan warna default bootstrap namanya itu tidak seperti warna, seperti red, green, tidak seperti itu. Oke langsung saja untuk kumpulan warna default yang terdapat pada bootstrap, teman-teman bisa perhatikan struktur html css berikut ini:

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
    <title>kumpulan warna default yang terdapat pada bootstrap</title>
    <-e-style type="text/css">
      .row{
        background-color: aqua;
      }
    <-e-/style>
  </head>
  <body>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h1>kumpulan warna default yang terdapat pada bootstrap</h1>
      </div>
      <div class="col-md-2">
        <span class="border border-primary"> Warna biru</span>
      </div>
      <div class="col-md-2">
        <span class="border border-secondary">Warna ke abu-abuan</span>
      </div>
      <div class="col-md-2">
        <span class="border border-success">Warna Hijau</span>
      </div>
      <div class="col-md-2">
        <span class="border border-danger">Warna Merah</span>
      </div>
      <div class="col-md-2">
        <span class="border border-warning">Warna Kuning</span>
      </div>
      <div class="col-md-2">
        <span class="border border-info" > Warna ke biruan</span>
      </div>
      <div class="col-md-2">
        <span class="border border-light"> Warna putih terang</span>
      </div>
      <div class="col-md-2">
        <span class="border border-dark"> Warna gelap atau hitam</span>
      </div>
      <div class="col-md-2">
        <span class="border border-white" >Warna putih</span>
      </div>
    </div>
  </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <-e-script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"><-e-/script>
    <-e-script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"><-e-/script>
    <-e-script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"><-e-/script>
  </body>
</html>

Jadi karena kebetulan disini saya ingin menggunakan warna pada border maka dari itu saya membuatnya denan class border border-white, sama halnya ketika kita ingin memeberikan warna pada button, jadi button button-primary, seperti itu ya teman-teman, oke saya rasa cukup sampai disini dulu belajar kita tentang  kumpulan warna default yang terdapat pada bootstrap semoga bermanfaat dan samapi jumpa.