Bootstrap系列---代码

缺乏、安全感 2022-01-26 14:35 312阅读 0赞

# Bootstrap 代码 #

注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，

详细内容可以查看菜鸟教程网址：[https://www.runoob.com/bootstrap/bootstrap-code.html][https_www.runoob.com_bootstrap_bootstrap-code.html]

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

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

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

## 更多实例 ##

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

[https_www.runoob.com_bootstrap_bootstrap-code.html]: https://www.runoob.com/bootstrap/bootstrap-code.html

发表评论取消回复

表情：

评论列表（有 0 条评论，312人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap table系列：

bootstrap table系列： [JS组件系列——表格组件神器：bootstrap table][JS_bootstrap table] [JS组件系列——

ゞ浴缸里的玫瑰/ 2022年06月17日 10:50/ 0 赞/ 224 阅读

相关 bootstrap案例代码

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"

布满荆棘的人生/ 2022年04月06日 08:20/ 0 赞/ 227 阅读

相关 Bootstrap系列---表单

Bootstrap 表单注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

痛定思痛。/ 2022年01月26日 15:29/ 0 赞/ 319 阅读

相关 Bootstrap系列--- 表格

Bootstrap 表格注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

比眉伴天荒/ 2022年01月26日 15:13/ 0 赞/ 348 阅读

相关 Bootstrap系列---代码

Bootstrap 代码注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

缺乏、安全感/ 2022年01月26日 14:35/ 0 赞/ 313 阅读

相关 Bootstrap系列---排版

Bootstrap 排版注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

淡淡的烟草味﹌/ 2022年01月26日 14:27/ 0 赞/ 359 阅读

相关 Bootstrap系列---网格系统

Bootstrap系列---网格系统注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://ww

旧城等待，/ 2022年01月26日 14:21/ 0 赞/ 227 阅读

相关 Bootstrap系列---图片

Bootstrap 图片注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

╰+哭是因爲堅強的太久メ/ 2022年01月25日 18:35/ 0 赞/ 187 阅读

相关 Bootstrap系列---按钮

Bootstrap 按钮注：本系列转载于菜鸟教程，仅用以自己学习总结和使用，只会显示自己学习使用的内容，详细内容可以查看菜鸟教程网址：[https://www.ru

缺乏、安全感/ 2022年01月25日 18:11/ 0 赞/ 312 阅读

相关 bootStrap事例代码

最近在学bootStrap，在慕课网中有这么一个例子….感觉以后会用到这些代码。保存起来。 <!DOCTYPE html> <html lang="zh-cn

待我称王封你为后i/ 2021年09月17日 07:04/ 0 赞/ 500 阅读