Bootstrap對代碼顯示提供了三種方式：內(nèi)聯(lián)代碼
1.使用 元素顯示單行內(nèi)聯(lián)代碼
內(nèi)聯(lián)代碼主要是設(shè)置code元素的背景顏色和其內(nèi)部的文字顏色。
//用法<code><body></body></code>//源碼code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px;}2.使用 元素顯示用戶輸入代碼
元素包含的內(nèi)容是表示該內(nèi)容需要用戶鍵盤輸入，所以一般是設(shè)置成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.使用
元素新生多行代碼塊，代碼需要被顯示為一個獨(dú)立的塊元素或者代碼有多行，那么您應(yīng)該使用 標(biāo)簽。
//用法<pre><article> <h1>Article Heading</h1></article></pre>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
