扫码一下
查看教程更方便
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。
本站的 Bootstrap 教程包含了上百个实例。
你可以使用我们的在线编辑器在线编辑代码,并点击运行按钮查看结果。
<div class="container-fluid p-5 bg-primary text-white text-center"> <h1>我的第一个 Bootstrap 页面</h1> <p>这是一个响应式页面,重置浏览器大小查看效果!</p> </div> <div class="container mt-5"> <div class="row"> <div class="col-sm-4"> <h3>第一列</h3> <p>迹忆客</p> <p>分享的是技术,关注的是成长!!!</p> </div> <div class="col-sm-4"> <h3>第二列</h3> <p>迹忆客</p> <p>分享的是技术,关注的是成长!!!</p> </div> <div class="col-sm-4"> <h3>第三列</h3> <p>迹忆客</p> <p>分享的是技术,关注的是成长!!!</p> </div> </div> </div>
<div class="table-responsive"> <table class="table table-striped table-bordered"> <thead> <tr> <th>#</th> <th>Name</th> <th>Street</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Anna Awesome</td> <td>Broome Street</td> </tr> <tr> <td>2</td> <td>Debbie Dallas</td> <td>Houston Street</td> </tr> <tr> <td>3</td> <td>John Doe</td> <td>Madison Street</td> </tr> </tbody> </table> </div>
点击 "尝试一下" 按钮查看它是如何工作的。