Rumah > Artikel > hujung hadapan web > bootstrap怎么实现圆角边框
bootstrap怎么实现圆角边框
- (*-*)浩asal
- 2019-07-18 16:23:207371semak imbas
Bootstrap对图片的支持。
.img-thumbnail：添加一些内边距（padding）和一个灰色的边框。
如果其他元素需要圆角边框可以通过设置.border-radius和.border来实现。（推荐学习：Bootstrap视频教程）
实例：
<!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>
更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！
Atas ialah kandungan terperinci bootstrap怎么实现圆角边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：bootstrap layout it怎么使用Artikel seterusnya：bootstrap怎么把div变成一个圆