响应式表格

Bootstrap响应式前端框架笔记三——代码与表格

自古美人都是妖i 提交于 2019-12-04 01:38:13
Bootstrap响应式前端框架笔记三——代码与表格 一、代码 在技术博客文章类页面的开发中,常常需要在文本总插入说明代码,使用code便签可以创建这种效果,示例如下: <p>code标签用于在文本中插入代码</p> <div>定义变量a:<code>int a = 3; </code></div> 效果如下: kbd标签可以用来提示进行键盘输入,示例如下: <p>kbd标签可以创建用户键盘输入的效果</p> <div>使用键盘上的<kbd>control</kbd>+<kbd>v</kbd>来进行文本的粘贴</div> 效果: 可以使用pre标签来进行成段代码的插入,同时可以使用pre-scrollable类来将代码块修饰为可滚动的,示例如下: <pre class="pre-scrollable"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css" /> <title<代码与表格</title> </head> </pre> 效果如下: 除了上面描述的标签和类外,一般情况下,程序中的变量会以斜体来显示,也可以使用var标签来包裹,程序输出结果可以使用samp标签来包裹。 二、表格