在 Bootstrap 缩略图中添加 HTML 段落
bootstrapweb developmentcss framework更新于 2026/2/13 22:36:17
使用 Bootstrap，您可以轻松地在缩略图中添加段落。
您可以尝试运行以下代码来添加 HTML 段落 −
示例
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class = "row"> <div class = "col-sm-6 col-md-3"> <div class = "thumbnail"> <img src = "https://www.cainiaomax.com/sap_payroll/images/sap-payroll-mini-logo.jpg" alt = "SAP"> </div> <div class = "caption"> <h3>Thumbnail label</h3> <p>This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!</p> <p>This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!</p> </div> </div> </div> </body> </html>
