1.源码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="/js/jquery-1.12.3.min.js"></script> <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/jquery.bootgrid.min.css"> <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="/js/jquery.bootgrid.min.js"></script> <script type="text/javascript" src="/js/bootstrap-datetimepicker.min.js"></script> <link rel="stylesheet" href="/css/bootstrap-datetimepicker.min.css" type="text/css"></link> <title>Title</title> </head> <body> <div class="container"> <h1>CSDN</h1> <h2>CSDN</h2> <h3>CSDN</h3> <!-- small 副文本 --> <h4>CSDN<small>欢迎学习bootstrap</small></h4> <!-- abbr缩略语 --> <p>hellohellohello<abbr title="attribute">hello</abbr></p> <!-- lead突出显示 --> <p class="lead">hellohellohellohello</p> <!-- mark文字有背景效果 --> <p>hellohellohellohello<mark>CSDN</mark></p> <del>hellohellohellohello</del> <!-- 文本对齐 --> <p class="text-left">你好么</p> <p class="text-right">你好么</p> <p class="text-center">你好么</p> <!-- 文字大小写 --> <p class="text-lowercase">dsaYGWFfiahfi</p> <p class="text-uppercase">dsaYGWFfiahfi</p> <p class="text-capitalize">dsaYGWFfiahfi</p> <address> <strong>电子学院</strong><br> 安徽省蚌埠市<br> <abbr title="Phone">P:18888888888</abbr> </address> <!-- list-unstyled指定无样式 --> <ul class="list-unstyled"> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </body> </html>
2.效果