Um die Größe der Schaltflächen in Bootstrap zu erhöhen, können Sie die folgenden Klassen ausprobieren:
| Klasse | Beschreibung. |
|---|---|
| .btn-lg | Das Dadurch wird die Schaltfläche größer. |
| .btn-sm | Dadurch wird der Button kleiner. |
| .btn-xs | Dadurch wird der Button extrem klein. |
| .btn-block | Dadurch wird eine Schaltfläche auf Blockebene erstellt, die die gesamte Breite des übergeordneten Elements einnimmt. |
Sie können versuchen, den folgenden Code auszuführen, um eine kleine Schaltfläche zu erstellen –
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>Das obige ist der detaillierte Inhalt vonFügen Sie Dimensionen zu Bootstrap-Schaltflächen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Welche Software ist Soul?
So stellen Sie den Computer so ein, dass er automatisch eine WLAN-Verbindung herstellt
Verwendung von Wechselstromschützen
Welche Rolle spielt die Kafka-Verbrauchergruppe?
Mcafee-Upgrade-Paket
Top 10 Währungsbörsen
Was sind die Lebenszyklen von vue3?
Einführung in die Lightning-Schnittstelle
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
