网上下载的bootstrap模板怎么用？？

dengji85 2016-09-27 10:59:59

要做一些前台界面，粗看了bootstrap，下载了一些模板，完全不知道怎么去用，是使用一些组件时去copy，比如用到一个表格去copy一个表格，还是在它的界面中自己改？网上也找不到教程，求思路或者这方面教程

...全文

3052 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

俊刚、 2016-10-27

打赏
举报

<!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">表格就会显示一些不一样的格式，前者没有边框，后者有边框。