bootarstrap在线学习网站:www.bootcss.com
我们下载相应的版本(一般而言选着左边即可)
1.在eclipse我们新建一个dynamic webproject,并在web-conment文件下新建一个文件夹bootstrap,吧下载好的bootstrap里面的三个文件复制到bootstrap里面去
2.要使用bootstrap还需下载jquery,可以去jquery官方下载,我们把它放置在js里面
3.新建我们第一个NewFile.jsp,我们里面要引入我们之前提到过的三个文件里面的文件
我们采取绝对路径引入:
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap-theme.min.css">
<script src="${pageContext.request.contextPath}/bootstrap/js/jquery-1.11.2.min.js"></script>
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>
4.我们在bootstrap官网选择某种按钮
5.在我们的NewFile中,我们选择在body部分加入
<buttontype="button"class="btn btn-danger">(危险)Danger</button>
修改成
<buttontype="button"class="btn btn-danger">zhongwenxi</button>
6.我们Tomcat上部署一下,这是效果图