转载

发表于 2015年09月24日
浏览 (1,148)
评论 (0)

Bootstrap 内联代码 code

Bootstrap 代码

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

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

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

内联代码

通过 <code> 标签包裹内联样式的代码片段。

For example, <section> should be wrapped as inline.

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

让我们来看看下面的案例：

<!DOCTYPE html>

<html>

<head>

  <title>Bootstrap 实例 - 代码</title>

  <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <script src="/scripts/jquery.min.js"></script>

  <script src="/bootstrap/js/bootstrap.min.js"></script>

</head>

<body>

<p><code><header></code> 作为内联元素被包围。</p>

</body>

</html>

运行结果：

<header> 作为内联元素被包围。

正文到此结束

所属分类： bootstrap3

本文标签： js example ip 实例 HTML App 代码 CSS Bootstrap jquery src
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,720) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,434) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,268) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,172) 评论(0)
Decorators in ES7

浏览(15,714) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,741) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,195) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,157) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,431) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,295) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG