核心文件bootstarp.css和bootstarp.js导入到页面,然后看着官网的代码复制进去用就可以了。
网上是有不少教程的.实际上就是加class 属性 ,如：http://www.runoob.com/bootstrap/bootstrap-tutorial.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 基本的表格</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><table class="table"> <caption>基本的表格布局</caption> <thead> <tr> <th>名称</th> <th>城市</th> </tr> </thead> <tbody> <tr> <td>Tanmay</td> <td>Bangalore</td> </tr> <tr> <td>Sachin</td> <td>Mumbai</td> </tr> </tbody></table></body></html>这是一个表格例子，其中<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">就是一些css样式的模板，你只需要会用class来引用他就可以了。将<table class="table">改成<table class="table table-bordered">表格就会显示一些不一样的格式，前者没有边框 ，后者有边框。