在主题的header.PHP中，添加bootstrap样式
<link rel=\公众stylesheet\"大众 href=\"大众https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css\"大众 rel=\公众stylesheet\公众>
<script src=\"大众https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js\"大众></script>
<script src=\"大众https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js\"大众></script>
二、自定义页面中，利用BS样式
1、Jumbotron 大屏幕<div class=\"大众container\"大众>
<div class=\"大众row\公众>
<div class=\"大众col-md-9\公众>
<div class=\"大众jumbotron\公众 style=\公众color:#39b3d7;background-color:#443\"大众>
<h1 >古典小说网<small>创意软件站</small></h1>
<p>致力于于 学习、事情中知识的记录管理<br>
致力于 教诲软件开拓<br>
致力于打造赏心悦目的阅读体验<br>
</p>
</div>
</div>
</div>
</div>
图片轮播
<div class=\"大众container\公众>
<div class=\"大众row\"大众>
<div class=\公众col-md-9\"大众>
<hr>
<table class=\"大众table table-hover\"大众>
<caption style=\"大众text-align: center;\"大众>快乐教室</caption>
<tbody>
<tr>
<td>
<div class=\公众panel panel-primary\"大众>
<div class=\公众panel-heading\"大众>
<h3 class=\"大众panel-title\"大众>快乐教室</h3>
</div>
<div class=\"大众panel-body\"大众>
<h4 class=\"大众text-success text-center\"大众>
浩瀚老师的实践选择，错过了，错过了肯定是您的丢失。
</h4>
<blockquote>
<p class=\"大众text-info lead text-left\"大众>
【一】 个性开头白 唐诗、名言、英文、自定义 并可语音朗读出<br>
<hr>
【二】 点名、FLASH、倒计时、击鼓传花随机选组、随机选人、语音点名<br><hr>
【三】 完善的积分点名机制<br><hr>
【四】 QQ管理界面<br><hr>
【五】 教室知识点、编辑阅读的 有声教案<br><hr>
【六】 软件与PPT完美领悟，打开PPT后，自动适应到软件右侧，融为一体老师评价：这个软件好用，学生很积极很好，很有创意<br><hr>
【七】 考勤功能 ：旷课 迟到 请假<br><hr>
【八】 教室表现 ：负责听讲、回答响亮、乱说话、欠交作业等 可自定义<br><hr>
【九】可扩充的插件：大屏编辑插件、教室条记插件<br><hr>
<br>
<strong>老师评价：</strong><br>
很好 很有创意<br>
这软件确实很实用<br>
不错、对传授教化很好<br>
学生很感兴趣<br>
这个软件在小组传授教化中，很有帮助
</p>
</blockquote>
<br><br>
<div class=\"大众col-md-10 col-md-offset-1\公众 >
<div id=\公众myCarousel\"大众 class=\公众carousel slide\"大众>
<!-- 轮播（Carousel）指标 -->
<ol class=\公众carousel-indicators\"大众>
<li data-target=\"大众#myCarousel\公众 data-slide-to=\"大众0\公众
class=\"大众active\公众></li>
<li data-target=\公众#myCarousel\公众 data-slide-to=\"大众1\"大众></li>
<li data-target=\"大众#myCarousel\公众 data-slide-to=\"大众2\公众></li>
</ol>
<!-- 轮播（Carousel）项目 -->
<div class=\"大众carousel-inner\公众>
<div class=\"大众item active\公众>
<img src=\"大众http://gudianxiaoshuo.com/wp-content/uploads/2015/08/1-1.jpg\"大众 class=\公众img-responsive\公众 alt=\公众First slide\"大众>
</div>
<div class=\公众item\"大众>
<img src=\公众http://gudianxiaoshuo.com/wp-content/uploads/2015/08/QQ图片20161212192219.png\"大众 class=\公众img-responsive\"大众 alt=\"大众Second slide\"大众>
</div>
<div class=\"大众item\公众>
<img src=\"大众http://gudianxiaoshuo.com/wp-content/uploads/2015/08/小组-1.png\公众 class=\"大众img-responsive\公众 alt=\公众Third slide\"大众>
</div>
<div class=\"大众item\"大众>
<img src=\"大众http://gudianxiaoshuo.com/wp-content/uploads/2015/08/倒计时.png\"大众 class=\公众img-responsive\公众 alt=\公众Third slide\"大众>
</div>
<div class=\公众item\公众>
<img src=\"大众http://gudianxiaoshuo.com/wp-content/uploads/2015/08/教室表现.png\"大众 class=\"大众img-responsive\"大众 alt=\公众Third slide\"大众>
</div>
</div>
<!-- 轮播（Carousel）导航 -->
<a class=\"大众carousel-control left\"大众 href=\"大众#myCarousel\"大众
data-slide=\"大众prev\"大众>‹</a>
<a class=\公众carousel-control right\"大众 href=\公众#myCarousel\"大众
data-slide=\"大众next\"大众>›</a>
</div>
</div>
<div class=\公众col-md-8 col-md-offset-2\"大众>
<br><br>
<a href=\"大众http://pan.baidu.com/s/1slyJGHR\公众 class=\"大众btn btn-primary btn-lg btn-block\公众 role=\"大众button\公众 target=\"大众_blank\"大众>快乐教室下载V7.1</a>
</div>
<!--面板-->
</div>
</div>
</tr>
</tbody>
</table>
</div>
</div>
</div>
不过，须要把稳的是：bootstrap样式可能与主题样式有冲突，须要细微调度，以兼容主题样式
