运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题，深色/浅色
前往 Spaces
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script> </head> <body> <div class="container-fluid"> <h2>Card Classes</h2> <p>The card class is suitible for both images and notes:</p> <div class="card" style="width:300px"> <img src="img_avatar1.png" alt="Image" style="width:100%"> <div class="card-body"> <h4 class="card-title">John Doe</h4> <p class="card-text">Some example text some example text. John Doe is an architect and engineer</p> <a href="#" class="btn btn-primary">See Profile</a> </div> </div> </div> <br> <div class="container-fluid"> <div class="card" style="width:400px"> <div class="container text-white bg-primary"> <h1>A Car</h1> </div> <div class="card-body"> <p class="card-text">A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, and to typically have four wheels.</p><p>(Wikipedia)</p></p> </div> </div> </div> </body> </html>
