https://v3.bootcss.com/getting-started/#download
CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
注意:bootstrap中的js文件依赖于jQuery,所以使用bootstrap需要先导入jQuery
一个row就表示一行(这一行默认给你均分成了12份,每一份还可以均分成12份)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"> <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> <style> .c1 { background-color: red; height:50px; border:3px solid black; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-6 c1"></div> <div class="col-md-6 c1"></div> </div> </div> </body> </html>示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <table class="table table-hover table-bordered table-striped"> <thead> <tr class="info "> <!--代表颜色,一共四种--> <th class="text-center">name</th> <th class="text-center">password</th> <th class="text-center">hobby</th> </tr> </thead> <tbody> <tr class="success"> <!--代表颜色,一共四种--> <td class="text-center">lucas</td> <td class="text-center">123</td> <td class="text-center">学习</td> </tr> </tbody> </table> </div> </div> </div> </body> </html>转载于:https://www.cnblogs.com/yanminggang/p/10976544.html
相关资源:bootstrap框架js