cari

Rumah  >  Artikel  >  hujung hadapan web  >  Tambahkan dimensi pada butang Bootstrap

Tambahkan dimensi pada butang Bootstrap

PHPz
PHPzke hadapan
2023-08-20 16:29:141030semak imbas

Tambahkan dimensi pada butang Bootstrap

Untuk menambah saiz pada butang dalam Bootstrap, anda boleh mencuba kelas berikut:

Ini akan menjadikan butang menjadi lebih besar. Ini akan menjadikan butang lebih kecil. Ini akan menjadikan butang amat kecil. Ini mencipta butang peringkat blok, yang mengambil keseluruhan lebar elemen induk.
Kelas

Penerangan

.btn-sm

.btn-xs

.btn-block

Contoh🎜Anda boleh cuba jalankan kod berikut untuk membuat butang kecil −🎜🎜Demo🎜
<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>  
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <button type = "button" class = "btn btn-default btn-sm">
         Small button
      </button>
   </body>
</html>
🎜

Atas ialah kandungan terperinci Tambahkan dimensi pada butang Bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

bootstrap
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Input DOM HTML Tetapkan Semula atribut dilumpuhkan HTML DOM Input Reset dilumpuhkan atribut digunakan untuk menetapkan atau mendapatkan sama ada butang set semula dilumpuhkanArtikel seterusnya：Input DOM HTML Tetapkan Semula atribut dilumpuhkan HTML DOM Input Reset dilumpuhkan atribut digunakan untuk menetapkan atau mendapatkan sama ada butang set semula dilumpuhkan

Artikel berkaitan

Lihat lagi