Bootstrap對代碼顯示提供了三種方式：內聯代碼
1.使用 元素顯示單行內聯代碼
內聯代碼主要是設置code元素的背景顏色和其內部的文字顏色。
//用法
<code><body></body></code>
//源碼
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
2.使用 元素顯示用戶輸入代碼
元素包含的內容是表示該內容需要用戶鍵盤輸入，所以一般是設置成input 的效果，用法和code類似
//用法 <pre> <article> <h1>Article Heading</h1> </article> </pre>
//源碼
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
3.使用
元素新生多行代碼塊，代碼需要被顯示為一個獨立的塊元素或者代碼有多行，那麼您應該使用 標簽。
//用法 <pre> <article> <h1>Article Heading</h1> </article> </pre>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。