[Bootstrap入门][第二章 代码]

这篇博客介绍了Bootstrap的代码使用,包括内联代码、用户输入、代码块的展示,以及如何标记变量和程序输出。讲解了如何使用 和 标签来格式化代码,并提到了 类在显示多行代码时的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

[Bootstrap入门][第二章 代码]

标签(空格分隔): 未分类


内联代码

通过<code> 标签包裹内联样式的代码片段。
image_1aukealm46ln1hie146t1os3ki13.png-6.1kB

For example, <code>&lt;section&gt;</code> should be wrapped as inline.

用户输入

image_1aukeciqvptj1b9d6ib1veu5od1g.png-8.5kB

To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

代码块

多行代码可以使用 <pre> 标签。为了正确的展示代码,注意将尖括号做转义处理。

image_1aukel88918cf15f319fsos42321t.png-5.5kB

<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
  • 还可以使用.pre-scrollable 类,其作用是设置 max-height 为 350px ,并在垂直方向展示滚动条。

变量

通过 <var> 标签标记变量。
image_1aukemgov1u6okq41qgrlnges82a.png-3.4kB

程序输出

通过 <samp> 标签来标记程序输出的内容。
image_1aukenvp0174f19tbfnq16cd16f92n.png-6.9kB

<samp>This text is meant to be treated as sample output from a computer program.</samp>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值