Bootstrap 小型网格
bootstrapweb developmentfront end technology更新于 2026/1/5 15:37:17
为小型设备创建 Bootstrap 网格，即我们所说的小型网格
您可以尝试运行以下代码来实现这一点 −
示例
<!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 = "container-fluid"> <h1>Grid</h1> <div class = "row"> <div class = "col-sm-3" style = "background-color:orange; color: white"> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> <div class = "col-sm-9" style="background-color:red; color: white"> This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </div> </div> </div> </body> </html>
