Bootstrap 代码

来源：互联网发布：mysql查询每月数据编辑：程序博客网时间：2024/06/04 23:35

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,y);    print(n-1,x+m,y+m);    print(n-1,x,y+2*m);    print(n-1,x+2*m,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>

这里写图片描述

0 0