您的位置：首页 > Web前端 > BootStrap

Bootstrap 代码

2015-11-22 19:29 579 查看
Bootstrap允许您以两种方式显示代码：

第一种：<code>标签，如果您想要内联显示代码，那么您应该使用<code>标签。

第二种：<pre>标签，如果代码需要显示为一个独立的代码块元素或者代码有多行，那么您应该使用<pre>标签。

提示：请确保当您使用 <pre> 和 <code> 标签时，开始和结束标签使用了 unicode 变体： < 和 >。

实例：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bootstrap历练作品：代码</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />

<link type="text/css" rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />

</head>
<body>
<p><code><header></code> 作为内联元素被包围</p>
<p>如果需要把代码显示为一个独立的块元素，请使用<pre><pre>标签</pre></p>
<pre>
<article>
<h1>Article Header</h1>
</article>
</pre>

<script src="Css/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航