Bootstrap-代码风格

搭建个人博客时，可以用bootstrap来呈现不同的代码风格，主要为三种;

1、使用<code></code>显示单行内联代码，针对单个单词或句子，粉底红字；

2、使用<pre></pre>显示多行块代码，针对成块代码，可以添加类名“pre-scrollable”控制代码区最大高度为340px（超出则显示滚动条），灰底黑字；

3、使用<kbd></kbd>来显示用户输入代码，表示用户通过键盘输入的内容，黑底白字。

      说明：不管使用哪种代码风格，小于号用“&lt”，大于号用“&gt”来代替；

                 可以通过预定义处理器自定义自己想要的代码风格。

用法：

    <div>Bootstrap的代码风格有三种：<code><code></code>、<code><pre></code>和<code><kbd></code></div>  

    <div>  
    <pre>  
    <ul>  
    <li>...</li>  
    <li>...</li>  
    <li>...</li>  
    </ul>  
    </pre>  
    </div>  

    <p>请使<kbd>ctrl+x</kbd>复制代码，然后使用<kbd>ctrl+shift+v</kbd>将复制的代码粘贴到需要的地方。</p>  

  注：需将<code><pre><kbd>标签写在HTML标签里面才能正确显示。