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 di sebuah laman khususnya di table, warna border, button, kita mesti memberinya di file CSSnya betul kan, nah ketika kita menggunakan bootstrap 4 terdapat kumpulan warna default yang terdapat di bootstrap, khususnya bootstrap 4, memang di sebelumnnya telah terdapat warna pun, tapi di bootstrap 4 warna defaultnya di tambah, ada apa saja simak terus ya teman-teman.
Apakah teman-teman telah punya ilustrasi bagaimana cara memberinya apakah saya mesti memberikannya di file CSSnya pun, tentu tak ya teman-teman jikalau seperti itu sama aja tak ada perbedaan, hehe. Iya betul sekali kita akan memberikan efek warna di bootstrap via class seperti contoh yang saya berikan di artikel sebelumnya dengan menggunakan class bawaan bootstrap dan kita dapat menggunakan efek-efek atau konten-konten bawaan yang terdapat di bootstrap. Jadi nanti saya akan berikan warna di border dimana saya akan memberika classnya saja, border itu akan berubah warnanya, dan seperti di bootstrap sebelumnya ketika ingin menggunakan warna default bootstrap namanya itu tak seperti warna, seperti red, green, tak seperti itu. Oke seketika saja bagi kumpulan warna default yang terdapat di bootstrap, teman-teman dapat 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 di 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 di 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 di border karenanya dari itu saya membuatnya denan class border border-white, sama halnya ketika kita ingin memeberikan warna di button, jadi button button-primary, seperti itu ya teman-teman, oke saya rasa lumayan hingga disini dulu belajar kita mengenai kumpulan warna default yang terdapat di bootstrap semoga bermanfaat dan samapi jumpa.
Sumber https://kursuswebsite.org
