Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english

Pengertian Sass dalam framework Bootstrap

pengertian singkat mengenai sass dalam framework Bootstrap

 



Hi, artikel kali ini saya akan membahas mengenai Apa sih Sass yang ada dalam framework Bootstrap itu ?

sebelum lanjut, saya sarankan kamu untuk membaca introduction nya dulu di Pengertian Framework Bootstrap

dan seperti nya artikel kali ini lebih simpel dan sedikit daripada artikel sebelumnya, Karena disini kita akan fokus membahas 1 topik saja, dikarenakan jika lebih dari 1 topik dapat memungkinkan topik utama nya lebih cenderung tenggelam dan akan keluar dari pembahasan utama.

sebelum lanjut, terimakasih terhadap seseorang yang telah mengirimkan pesan WhatsApp ke saya, sekaligus menjawab pertanyaan kamu jika memungkinkan sama seperti pesan dibawah ini




Disclaimer ! :
Disini sudah saya tekankan hanya untuk informasi semata, dan bukan untuk memancing emosi ataupun mencari sensasi. saya selaku penerima pesan tersebut sangat merasa tidak terganggu sama sekali dan saya berterimakasih terhadap pihak yang bersangkutan.   Dan tak ada hal berbau kemarahan disini, keep happy friends...


Apa itu Sass Dalam Framework Bootstrap

Mungkin artikel kali ini akan ada hubungannya dengan artikel selanjutnya yang akan saya bahas dalam seri Bootstrap, 

Sass (Syntactically Awesome Style Sheets) adalah sebuah bahasa pre prosesor dalam css. inti pembahasan kali ini adalah saat kalian menginstal framework Bootstrap melalui cdn, apakah kalian bisa mengedit kode nya ? apakah kalian ingin membuat tampilan laman web yang menarik menggunakan Bootstrap tapi ingin customisasi sendiri ?

Secara tak sengaja, kalian faham mengenai ulasan pertanyaan di atas.

Sass dalam framework Bootstrap digunakan untuk mengatur atau mengendit style yang sudah ada sesuai keinginan


semisalnya, saya ingin menambahkan button dengan Bootstrap tapi saya ingin mengubah sedikit style misalnya border radius pada style button yang sudah disediakan oleh Bootstrap,

berikut kode nya 


<button type="button" class="btn btn-primary">Contoh button</button>
 

maka hasil default nya adalah 

Sekarang kita coba utak atik, saya ingin membuat button tersebut dengan mengubah border radius tanpa merubah kode nya, 

kita bisa menambahkan nya dalam style.css atau dalam tag <style>

.btn{border-radius:   20px 20px 20px 10px;

maka akan terlihat seperti ini  





Disini saya memberikan sedikit class tambahan karena jika saya langsung fokus ke sass class btn maka kalian tidak bisa melihat perbedaan antara yang standar dan sudah diubah melalui sass

Inti dari Sass Bootstrap adalah kontrol atau kustomisasi tambahan terhadap css yang sudah ada

 sekian artikel mengenai Pengertian sass dalam framework Bootstrap  terimakasih dan semoga dimengerti...

Posting Komentar

Berkomentar lah dengan sopan dan tidak spam, Dan Centang Kotak (beritahu saya) untuk mendapatkan Update mengenai komentar kamu
© W4FXploit . All rights reserved. Developer By W$FXploit
W4FXploiters Support
Silahkan beritahu apa yang bisa kami bantu dan kami akan menjawab pertanyaan Anda.
Halo, ada yang bisa kami bantu?
Kirim