Bootstrap 代码

发布时间：2020-12-17 21:00:51 所属栏目：安全来源：网络整理

导读：Bootstrap 允许您以两种方式显示代码：第一种是 code 标签。如果您想要内联显示代码，那么您应该使用 code 标签。第二种是 pre 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 pre 标签。请确保当您使用 pre 和 code 标签时

Bootstrap 允许您以两种方式显示代码：

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

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

让我们来看看下面的实例：

<!DOCTYPE?html>
<html>
<head>
??<title>Bootstrap?实例?-?代码</title>
??<link?href="/bootstrap/css/bootstrap.min.css"?rel="stylesheet">
??<script?src="/scripts/jquery.min.js"></script>
??<script?src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<p><code>&lt;header&gt;</code>?作为内联元素被包围。</p>
<p>如果需要把代码显示为一个独立的块元素，请使用?<pre>?标签：</p>
<pre>
??&lt;article&gt;
????&lt;h1&gt;Article?Heading&lt;/h1&gt;
??&lt;/article&gt;
</pre>
</body>
</html>

实例展示如下图：

原文地址：http://my.oschina.net/u/1253793/admin/new-blog

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!