bootstrap本地引入

时间:2019-03-18
本文章向大家介绍bootstrap本地引入,主要包括bootstrap本地引入使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
    <title>The Blog Of WuHui</title>
    <link href="static/css/bootstrap.min.css" rel="stylesheet"/>


</head>
<body>
<hr/>
<button class="btn btn-info large">edfgsaf</button>
<hr/>
<div class="jumbotron">


    <h1>Hello, world mmp</h1>
    <img src="static/img/test1.jpg">
    <p id="f">hello</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
</body>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script>
    $("#f").text("??mmp");
</script>
</html>

  • 注意
  • link标签的href属性指定css文件,rel指定文件关系类型
  • jquery.min.js要先于bootstrap.min.js