Bootstrap 代码

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

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

请确保当您使用 

和  标签时，开始和结束标签使用了 unicode 变体： < 和 >。

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"> 
  <title>Bootstrap 实例 - 代码</title>
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

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

</body>
</html>

实例展示如下图：

Bootstrap 代码_html

更多实例

元素/类

描述


变量赋值: x = ab + y


按键提示： CTRL + P


多行代码


多行代码带有滚动条


电脑程序输出: Sample output

同一行代码片段: ​​span​​​, ​​div​​

​