Cara menggunakan ukuran teks bootstrap

Halo gan, kenapa font bootstrap tidak bisa diubah langsung dari tag body { font-family di file style. css? . php menggunakan font google Terima kasih gan

@ciloxz oh jadi gak bisa, soalnya pernah saya liat di tutorial bikin template dari awal pake bootstrap 4 versi beta, fontnya bisa dirubah dari style. css karena formatnya masih menggunakan web html/statis biasa, saya juga kurang tahu. Kalau tutorialnya gratis saya mau share disini, tapi tutorialnya berbayar sebagai key untuk non member. Saya baru saja mengubah langsung dari file bootstrap. min. css dan berhasil. Saya pikir ada cara lain, tapi ternyata tidak ada. oke gan terima kasih

ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> <div class="container">

h1 Bootstrap heading (2.5rem = 40px)

h2 Bootstrap heading (2rem = 32px)

h3 Bootstrap heading (1.75rem = 28px)

h4 Bootstrap heading (1.5rem = 24px)

h5 Bootstrap heading (1.25rem = 20px)
h6 Bootstrap heading (1rem = 16px)

Tampilan Tajuk Bootstrap

Bagi sobat yang belum mengetahui tentang Display Heading, Display Heading merupakan jenis heading dengan tampilan ukuran font yang lebih besar dan tidak terlalu tebal dibandingkan heading biasa.

Ada 4 kelas untuk Display Heading yaitu. .display-1.display-2.display-3.display-4. Untuk lebih jelasnya, lihat contoh di bawah ini dan bandingkan dengan heading normal sebelumnya (Anda pasti akan melihat perbedaannya)



  
    Bootstrap Display Heading
    
    
    
    
    
    
  
  
    

Display 1

Display 2

Display 3

Display 4

_

Bootstrap Teks Sekunder

Selanjutnya adalah mengenai secondary text. Biasanya secondary text ditempatkan setelah heading untuk memberi penjelasan mengenai heading yang kita buat. Dalam bootstrap 4 secondary text dibuat dengan menggunakan tag . Perhatikan contoh script dibawah:



  
    Secondary Text
    
    
    
    
    
    
  
     
    

h1 heading secondary text

h2 heading secondary text

h3 heading secondary text

h4 heading secondary text

h5 heading secondary text
h6 heading secondary text

Teks Sorotan Bootstrap

Pada bootstrap juga terdapat tag yang digunakan untuk membuat highlight text atau text dengan background kuning (biasanya) yaitu tag . Sekedar info untuk membuat highlight text teman – teman juga dapat membuat nya dengan menggunakan CSS tanpa tag yaitu dengan menambahkan style=”background-color: #FFFF00″. Lebih jelasnya perhatikan script dibawah:



  
    Bootstrap Example
    
    
    
    
    
    
  
  
   highlight text dengan tag mark 
highlight text tanpa tag mark

Tag tipografi lainnya

Selain tag diatas, ada beberapa tag lain yang biasa digunakan dalam tipografi sebuah website yaitu

TagFungsiuntuk menandai singkatan atau akronim (text akan mempunyai garis putus-putus dibawahnya)
untuk menandai text atau kontent kutipan atau berasal dari sumber lain
untuk menjelaskan deskripsi konten bisa juga digunakan untuk list seperti
    untuk menyematkan kode / scriptuntuk menandakan bahwa text yang ditandai harus di masukkan / di inputkan melalui keyboard
    untuk kode / text beberapa baris yang perlu perhatian khusus pembacatag lain untuk typography

    untuk lebih jelasnya lihat contoh di bawah ini

    
    
      
        Bootstrap Example
        
        
        
        
        
        
      
      
        

    Organisai PBB pada tahun 1945


    Manusia suatu saat pasti akan mati tapi ilmu mereka takkan mati

    Ishigami Senku (anime Dr.stone)

    Kopi
    - minuman dari biji kopi
    Susu
    - Minuman berwarna putih dari hewan sapi

    Elemen dasar HTML terdiri dari: HTML, Head, and Body


    gunakan ctrl + C untuk menyalin tulisan.


            ini text
            yang mempunyai ukuran yang telah baku dan 
            spasi yang juga telah diatur secara default
            jika mengguanakan tag pre
          
    _

    Jika sobat ingin membuat teks yang lebih menarik atau dengan versi + kreatifitas sobat - sobat sobat bisa memodifikasinya di css. Namun perlu diingat bahwa website yang baik harus membuat pembacanya nyaman dengan tidak terlalu berlebihan dalam menggunakan efek atau tipografi

    Apakah sistem grid pada bootstrap responsif?

    Lebih menarik lagi, Bootstrap responsif berkat sistem grid digunakan. Sistem grid pada bootstrap menggunakan jaringan kontainer, baris, dan kolom untuk menyesuaikan tata letak dan konten situs web Anda.

    Kelas apa yang digunakan dalam bootstrap untuk membuat bentuk gambar menjadi lingkaran?

    class img-circle digunakan untuk membuat gambar dengan bentuk lingkaran.

    Apa itu Bootstrap 5?

    Tentang Kelas. Bootstrap adalah framework yang paling populer digunakan untuk membuat website . Bootstrap memungkinkan pengembang front-end membuat situs web dengan cepat, fokus pada seluler responsif, dan membuat situs web lebih interaktif tanpa membuat banyak CSS dan JavaScript dari awal.

    Apa itu Bootstrap 4?

    Apa itu Bootstrap 4? . Bootstrap menyediakan kelas dan komponen siap pakai, jadi kita tidak perlu menulis kode CSS dari awal. framework CSS untuk membuat tampilan web. Bootstrap menyediakan class dan komponen yang siap dipakai, sehingga kita tidak perlu menulis kode CSS dari nol.