bootstrap3.0学习笔记记录1

时间:2023-03-09 14:40:42
bootstrap3.0学习笔记记录1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bootstrap</title>

<link href="css/bootstrap.min.css" rel="stylesheet">

<meta name="viewport" content="width=device-width,initial-scale=1.0"> 为了能够在移动端更好的显示.
<link href="prettify-small-4-Mar-2013/google-code-prettify/prettify.css" rel="stylesheet">

</head>

<body   onLoad=" prettyPrint()">

<div class="container">

<div class="row">

<div class="col-md-12">

<pre>hello world! everyone hunds up! come on baby! fuck you man! <code><h1></code>shit!<code></h1></code></pre>
<pre class="prettyprint linenums">
  <div class="col-md-4">
  <dl class="dl-horizontal">
  <dt>hello world!</dt>
  <dd>nice to meet you!</dd>
  <dt>hello world!</dt>
  <dd>nice to meet you!</dd>
  </dl>
  </div>
</pre>

</div>

</div>

</div>

<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery-1.11.0.min.js"></script> 
<script src="js/html5shiv.js"></script> 
<script src="prettify-small-4-Mar-2013/google-code-prettify/prettify.js"></script>这是从http://code.google.com/p/google-code-prettify/网站下载的框架,这的目的是为了能够让贴出来的代码更加的好看,每行前面有序号。

</body>
</html>