Bootstrap Chinese manual /Bootstrap 代码

Bootstrap 代码

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

  • 第一种是 标签。如果您想要内联显示代码,那么您应该使用 标签。

  • 第二种是

     标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 
     标签。

请确保当您使用

 标签时,开始和结束标签使用了 unicode 变体:<>

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

实例

   Bootstrap 实例 - 代码    

作为内联元素被包围。

如果需要把代码显示为一个独立的块元素,请使用

 标签:

 

Article Heading


运行实例 »

点击 "运行实例" 按钮查看在线实例


更多实例

变量赋值: x = ab + y

实例

        

代码

使用 var 元素表示变量:

x = ab + y


运行实例 »

点击 "运行实例" 按钮查看在线实例

按键提示:CTRL + P

实例

        

代码

使用 kbd 元素表示按键输入:

使用 ctrl + p 来打开打印窗口。


运行实例 »

点击 "运行实例" 按钮查看在线实例

 多行代码带有滚动条

实例

        

代码

使用 pre 元素输出多行:

在 pre 元素中的文本 宽度的显示与文本的宽度一样, 保留了 空 格 和 换行。

如果你添加 .pre-scrollable 类, pre 元素最大的高度 max-height 为 350px ,并生成一个 Y 轴的滚动条:

在 pre 元素中的文本 宽度的显示与文本的宽度一样, 保留了 空 格 和 换行。

运行实例 »

点击 "运行实例" 按钮查看在线实例

电脑程序输出: Sample output

实例

        

代码

使用 samp 元素包含电脑输出的内容:

This text is output from a computer program....


运行实例 »

点击 "运行实例" 按钮查看在线实例

同一行代码片段: span, div

实例

        

代码

使用 code 元素来表示代码片段:

以下是 HTML 元素: span, section, 和 div


运行实例 »

点击 "运行实例" 按钮查看在线实例