Bootstrap 代码

发布时间：2020-12-17 20:59:31 所属栏目：安全来源：网络整理

导读：Bootstrap为显示代码提供了两个标签code和pre。code标签用于显示一句代码，pre用于显示代码片段。 !doctype html html head meta charset = "utf-8" meta name = "viewport" content = "width=device-width,initial-scale=1.0" meta name = "Author" content

Bootstrap为显示代码提供了两个标签code和pre。code标签用于显示一句代码，pre用于显示代码片段。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="Author" content="LinDL">
<title>Bootstrap代码</title>
<link href="../bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<div class="container">
  <h1 class="page-header">代码<small>&lt;code&gt;与&lt;pre&gt;标签的使用</small></h1>
  <p>为<code>&lt;h1&gt;</code>标签添加一个<code>.page-header</code>,可以为内容添加合适的边距,并且在下方显示一条灰色的边线。</p>
  <pre>
void print(int n,int x,int y){
    if(n==1){
        c[x][y]='X';
        return;
    }
    int m=pow(3,n-2);
    print(n-1,x,y);
    print(n-1,x+2*m,x+m,y+m);
    print(n-1,y+2*m);
    print(n-1,y+2*m);
}
    </pre>
</div>
<script src="../bootstrap-3.3.5-dist/js/bootstrap.js"></script> 
<script src="../bootstrap-3.3.5-dist/js/jquery-2.2.0.min.js"></script>
</body>
</html>

这里写图片描述

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!