Maison >interface Web >Tutoriel d'amorçage >Comment implémenter des bordures arrondies dans bootstrap
Comment implémenter des bordures arrondies dans bootstrap
- (*-*)浩original
- 2019-07-18 16:23:207396parcourir
Bootstrap prend en charge les images.
.img-thumbnail : Ajoutez un peu de remplissage et une bordure grise.
Si d'autres éléments nécessitent des bordures arrondies, cela peut être réalisé en définissant .border-radius et .border. (Apprentissage recommandé : Tutoriel vidéo Bootstrap)
Exemple :
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>缩略图</h2> <p>.img-thumbnail 类用于设置图片缩略图(图片有边框):</p> <img src="https://static.runoob.com/images/mix/cinqueterre.jpg" class="img-thumbnail" alt="Cinque Terre"> </div> </body> </html>
Pour plus d'articles techniques liés à Bootstrap, veuillez visiter Apprenez dans la colonne Tutoriel Bootstrap !
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!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser la mise en page bootstrapArticle suivant：Comment utiliser la mise en page bootstrap