Bootstrap 代码

Bootstrap3 教程 · 2019-03-01 11:14:28

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

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

请确保当您使用 <pre> 和 <code> 标签时,开始和结束标签使用了 unicode 变体: &lt;&gt;

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

实例

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

实例展示如下图:

代码

更多实例

元素/类 描述 实例
<var> 变量赋值: x = ab + y
<kbd> 按键提示: CTRL + P
<pre> 多行代码
<pre class="pre-scrollable"> 多行代码带有滚动条
<samp> 电脑程序输出: Sample output
<code> 同一行代码片段: span, div

点击查看所有 Bootstrap3 教程 文章: https://www.codercto.com/courses/l/25.html

查看所有标签

Cypherpunks

Cypherpunks

Julian Assange、Jacob Appelbaum、Andy Müller-Maguhn、Jérémie Zimmermann / OR Books / 2012-11 / GBP 8.99

Cypherpunks are activists who advocate the widespread use of strong cryptography (writing in code) as a route to progressive change. Julian Assange, the editor-in-chief of and visionary behind WikiLea......一起来看看 《Cypherpunks》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具