如何做局域网网站建设,黄山网站建设策划,公司文件页面设计,.net电影网站开发一. Bootstrap中的代码块 代码块一般在博客中使用的较多#xff0c;比较博客园中提供的贴代码. 在Bootstrap中提供了三种形式的代码显示 1. 使用code/code来显示单行内联代码 2. 使用pre/pre来显示多行块代码 3. 使用kbd/kbd… 一. Bootstrap中的代码块 代码块一般在博客中使用的较多比较博客园中提供的贴代码. 在Bootstrap中提供了三种形式的代码显示 1. 使用code/code来显示单行内联代码 2. 使用pre/pre来显示多行块代码 3. 使用kbd/kbd来显示用户输入代码 二. code 显示 div classcol-md-offset-2Bootstrap的code代码风格:codelt;codegt;/codecodelt;pregt;/codecodelt;kbdgt;/code
/div 效果如下 三. pre显示 divprelt;ulgt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;/ulgt;/pre
/div 效果图如下 如果代码块的内容较多需要显示滚动条效果如何实现呢 pre classpre-scrollablelt;ulgt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;ligt;...lt;/ligt;lt;/ulgt;/pre 带滚动条的pre 四. kbd 显示 div请输入kbdctrlc/kbd来复制代码然后使用kbdctrlv/kbd来粘贴代码/div 效果如下
