Maison >interface Web >tutoriel HTML >Ajouter des dimensions aux boutons Bootstrap

Ajouter des dimensions aux boutons Bootstrap

PHPzavant: 2023-08-20 16:29:141056parcourir

Afin d'ajouter de la taille aux boutons dans Bootstrap, vous pouvez essayer les classes suivantes :

Ceci fera grossir le bouton.

<!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>

Classe	Description
.btn-sm	Cela rendra le bouton plus petit.
.btn-xs	Cela rendra le bouton extrêmement petit.
.btn-block	Cela crée un bouton au niveau du bloc, qui occupe toute la largeur de l'élément parent.
Exemple	Vous pouvez essayer d'exécuter le code suivant pour créer un petit bouton − Démo

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

bootstrap

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Attribut désactivé de réinitialisation d'entrée HTML DOM L'attribut HTML DOM Input Reset Disabled est utilisé pour définir ou déterminer si le bouton de réinitialisation est désactivé.Article suivant：Attribut désactivé de réinitialisation d'entrée HTML DOM L'attribut HTML DOM Input Reset Disabled est utilisé pour définir ou déterminer si le bouton de réinitialisation est désactivé.

Articles Liés

Voir plus